/* Global */
body{ font-family:"PingFang SC","Microsoft YaHei"; line-height: 1; font-size: 16px; }
b{ font-weight:600}
p{ margin-bottom:20px; line-height:24px; font-size:14px}

.irContentArea{ max-width:960px; width:90vw; margin:0 auto}
.irContentArea h3{ font-size:32px; font-weight:bold; line-height:45px; margin-bottom:40px; text-align:center}
.line{ border-bottom:1px solid #eee; margin:20px 0;}

.announcements.content{ padding:0 0 50px}
.docFilter{ padding:0 0 40px 0; text-align:center; border-bottom: 1px solid #e8e8e8; }
.docCat, .docYear{ text-align:left}
.docCat { display:inline-block; margin:0 10px; width:400px}
.docYear { display:inline-block; margin:0 10px; width:120px}
.docCat select, .docYear select { width:100%}
.docList{}
.docList a{ display:block;  box-sizing:border-box; padding:20px 30px; transition:all linear 0.3s; border-bottom: 1px solid #e8e8e8; }
.docList a .title{ font-size: 16px; line-height: 25.6px;display:table-cell; vertical-align: middle; color: #333; transition:all linear 0.3s; padding-left: 30px; }
.docList a .date{ font-size: 36px; line-height: 40px; color:#347bca;display:block; padding-top: 10px; }
.docList a .month{ font-size: 12px; color:#347bca;display:block;}
.docList .dateWrapper { display: table-cell; vertical-align: middle; }
.docList .dateWrapper .dateContainer { width: 74px; height: 74px; background-color: #d3e7f9; border-radius: 50%; text-align: center; transition:all linear 0.3s; }
.docList a:hover { background-color:#d3e7f9}
.docList a:hover .dateContainer { background-color:#fff; }
.docList a:hover .title { color: #347bca; }

/* Reports */
.reportList{ padding-top: 50px; }
.reportList .item{ width:50%; float:left; text-align:center;}
.reportList .item .item-content { padding: 45px 40px; }
.reportList .item:nth-child(odd) { padding-right: 15px; }
.reportList .item:nth-child(odd) .item-content { background: url("../images/ir/reports_bg1.jpg") no-repeat; background-size: cover; }
.reportList .item:nth-child(even) { padding-left: 15px; padding-bottom: 30px;}
.reportList .item:nth-child(even) .item-content { background: url("../images/ir/reports_bg2.jpg") no-repeat; background-size: cover; background-position: right; }
.reportList .item .item-content .cover { display: table-cell; vertical-align: middle; width: 55%; }
.reportList .item .item-content .text { display: table-cell; vertical-align: top; width: 45%; text-align: center; padding-left: 30px; padding-top: 60px; }
.reportList .item a.btn{ padding: 10px 25px 10px 15px; box-sizing:border-box; display:inline-block; font-size: 14px; border: 1px solid #347ccb; color: #347ccb; margin-top: 10px; position: relative; width: 125px; }
.reportList .item a.btn:after { content: ''; display: block; width: 7px; height: 7px; border-top: 1px solid #347ccb; border-right: 1px solid #347ccb; transform: rotate(45deg); position: absolute; top: 14px; right: 12px; transition: border-color 0.4s; }
.reportList .item a.btn:hover{background-color:#347ccb; color:#fff}
.reportList .item a.btn:hover:after { border-color: #fff; }
.reportList .item img{ width:100%; transition:all linear 0.3s; box-shadow: 5px 5px 25px #666; }
/*.reportList .item a:hover img { transform: scale(1.1)}*/
.reportList .item span.year { font-size: 30px; }
.reportList .item span.title{ display:block; padding:10px 10px; font-size: 24px; transition:all linear 0.3s; line-height: 1.2; }
/*.reportList .item a:hover span.title { transform: scale(1.1); padding:30px 10px 10px;}*/

/* Financial Highlight */
.finHigh h4 { font-size: 28px; text-align: center; margin-bottom: 40px; }
.finHigh sup { vertical-align: super; font-size: 12px; position: relative; }
.chartArea{}
.chartArea .item { width:50%; float:left; text-align:center; padding:0 10px 40px}
.chartArea .item h2{ margin:10px 0; font-size:20px}
.chartArea .item h4{ margin-bottom:20px; color:#666; font-size:12px}
.chartImgArea{ position:relative}
.chartImgArea img{ width:100%; position:absolute; opacity:0}
@media screen and (min-width:0\0) {	.chartImgArea img{opacity:1}} /*IE9*/
.chartImgArea .aniBG{ position:static; opacity:1}
.chartImgArea.active .ani1-1,
.chartImgArea.active .ani2-1,
.chartImgArea.active .ani3-1,
.chartImgArea.active .ani4-1,
.chartImgArea.active .ani5-1,
.chartImgArea.active .ani6-1{ animation: chartUp 0.5s linear forwards 0.5s; transform-origin: 50% 100%}
.chartImgArea.active .ani1-2,
.chartImgArea.active .ani2-2,
.chartImgArea.active .ani3-2,
.chartImgArea.active .ani4-2,
.chartImgArea.active .ani5-2,
.chartImgArea.active .ani6-2{ animation: chartUp 0.5s linear forwards 1s; transform-origin: 50% 100%}
.chartImgArea.active .ani1-3,
.chartImgArea.active .ani2-3,
.chartImgArea.active .ani3-3,
.chartImgArea.active .ani4-3,
.chartImgArea.active .ani5-3,
.chartImgArea.active .ani6-3{ animation: fadein 0.5s linear forwards 1.5s;}
@keyframes fadein {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes chartUp {
	0% { opacity: 0; transform:scaleY(0); }
	100% { opacity: 1; transform:scaleY(1); }
}

.chartNote { font-size:12px; margin-bottom:40px; line-height:16px}
.chartNote .chartIcon{ background-position:left; background-repeat:no-repeat; background-size:auto 100% ; padding-left:20px; display:inline-block; margin-right:30px}
.chartNote .chartIcon.chartIcon2018{background-image:url(../images/ir/finhigh/icon2018.png);}
.chartNote .chartIcon.chartIcon2019{background-image:url(../images/ir/finhigh/icon2019.png);}

.tableArea{}
.tableArea table{ width:100%;}
.tableArea table th, .tableArea table td{ padding:10px; vertical-align:bottom}
.tableArea table th{ text-align:left}
.tableArea table td{ text-align:right; color:#666}
.tableArea table thead { background-color:#147BD1;}
.tableArea table thead td {color:#fff;}
.tableArea table .borderTop{ border-top: 1px solid #ccc}
.tableArea table .borderBottom{ border-bottom: 1px solid #ccc}
.tableArea table .highlight{ background-color:#CFE7FB; color:#282828}
.tableArea table .ligthFont{ color:#666}

/* CG */
.cgGroup{width:50%; float:left;}
.cgGroup > div{ margin: 0 10px 20px 10px; border: 2px solid #e8e8e8; padding: 60px 45px; height: 430px; background: url("../images/ir/cg_corner.png") no-repeat; background-position: bottom right; position: relative; }
.cgGroup.large > div { height: 640px; }
.cgGroup h4{ color:#147bd1; font-size:28px; margin-bottom: 40px; }
.cgGroup .name { color: #333; font-size: 18px; line-height: 1.5; margin-bottom: 15px; }
.cgGroup .greyText{ color:#888; font-size:14px; display:block; }
.cgGroup a.cg_term_link { color: #147bd1; position: absolute; right: 50px; bottom: 25px; }
.cgGroup a.cg_term_link:after { content: ''; display: block; width: 60px; height: 60px; background-image: url("../images/ir/cg_corner_arrow.png"); background-repeat: no-repeat; position: absolute; right: -50px; bottom: -25px; }
.cgLinks{ margin:40px 0 20px; padding:20px 10px}
.cgLinks h4{ font-size:28px; margin-bottom:30px; }
.cgLinks .pdfWrapper { border-top: 1px solid #e8e8e8; }
.cgLinks .pdfItem a{ padding: 30px 50px; line-height:24px; color:#333; display: block; border-bottom: 1px solid #e8e8e8; width: 100%; }
.cgLinks .pdfItem a > div { display: table-cell; vertical-align: middle; }
.cgLinks .pdfItem a .icon { width: 5%; min-width: 45px; }
.cgLinks .pdfItem a .icon .icon_pdf { display: block; width: 26px; height: 30px; background-image: url("../images/global/icon_pdf2.png"); background-repeat: no-repeat; transition: all 0.4s; }
.cgLinks .pdfItem a .title { width: 80%; transition: all 0.4s; }
.cgLinks .pdfItem a .view { color: #147bd1; width: 15%; min-width: 100px; text-align: right; }
.cgLinks .pdfItem a .view span { display: inline-block; position: relative; padding-right: 16px; }
.cgLinks .pdfItem a .view span:after { content: ''; display: block; width: 7px; height: 7px; border-top: 1px solid #147bd1; border-right: 1px solid #147bd1; transform: rotate(45deg); position: absolute; top: 9px; right: 2px; }
.cgLinks .pdfItem a:hover { background-color: #d3e7f9; }
.cgLinks .pdfItem a:hover .icon .icon_pdf { background-image: url("../images/global/icon_pdf2_act.png"); }
.cgLinks .pdfItem a:hover .title { color: #147bd1; }

/* calendar */
.calendarArea{background-color:#E6F0F9; border:1px solid #E6F0F9; margin-bottom:20px}
.calendar-wrapper, .events-detail{width:50%; float:left; padding:10px 20px; box-sizing:border-box; }
.calendar-wrapper{ background-color:#fff}
/*#ircalendar{ border:1px solid #bbb}*/
.events-detail .date{ background-color:#fff; width:72px; height:72px; border-radius:50%; color:#117ACF; text-align:center; display:block; margin:50px auto 15px; padding-top:10px}
.events-detail .date span{display:block}
.events-detail .date .day{ font-size:32px;}
.events-detail .date .month{ font-size:12px;}
.events-list .title{line-height:24px; max-width:300px; margin:15px auto 0; width:100%}
.events-list .title .greyText{ color:#666; font-size:12px; display:inline-block}

.calendarTable{ padding-bottom:100px}
.calendarTable table{ width:100%;}
.calendarTable table th, .calendarTable table td{ padding:10px; vertical-align:middle}
.calendarTable table th{ text-align:left}
.calendarTable table td{ }
.calendarTable table td.textCenter{ text-align:center}
.calendarTable table thead { background-color:#147BD1;}
.calendarTable table thead td {color:#fff;}
.calendarTable table .borderTop{ border-top: 1px solid #ccc}
.calendarTable table .borderBottom{ border-bottom: 1px solid #ccc}
.calendarTable .addCalBox{ text-align:center}
.calendarTable .addCalIcon{ width:20px}
.calendarTable .calendarGroup{ display:none}
.calendarTable .calendarGroup.active{ display:table-row-group}
.calendarTable table td:nth-child(3), .calendarTable table td:nth-child(4) { display: none; }

/* presentations */
.presentationList { padding-top: 50px; }
.presentationList .item { width: 100%; margin-bottom: 20px; background: url("../images/ir/presentations_bg.jpg") no-repeat; background-size: cover; background-position: bottom; }
.presentationList .item .item-content { padding: 45px 40px; }
.presentationList .item .item-content .cover { display: table-cell; vertical-align: middle; width: 55%; }
.presentationList .item .item-content .cover img { width: 100%; transition:all linear 0.3s; box-shadow: 5px 5px 25px #666; }
.presentationList .item .item-content a.btn{ padding: 10px 25px 10px 15px; box-sizing:border-box; display:inline-block; font-size: 14px; border: 1px solid #347ccb; color: #347ccb; margin-top: 10px; position: relative; width: 125px; }
.presentationList .item .item-content a.btn:after { content: ''; display: block; width: 7px; height: 7px; border-top: 1px solid #347ccb; border-right: 1px solid #347ccb; transform: rotate(45deg); position: absolute; top: 14px; right: 12px; transition: border-color 0.4s; }
.presentationList .item .item-content a.btn:hover{background-color:#347ccb; color:#fff}
.presentationList .item .item-content a.btn:hover:after { border-color: #fff; }
.presentationList .item .item-content .text { display: table-cell; vertical-align: middle; width: 45%; text-align: center; padding-left: 30px; }
.presentationList .item .item-content span.year { font-size: 30px; }
.presentationList .item .item-content span.title{ display:block; padding:10px 10px; font-size:24px; transition:all linear 0.3s; line-height: 1.2; }
	

/* custom select */
.custom-select { position: relative;}
.custom-select select.inited {display: none; }
.select-selected{border: 2px solid #d3e7f9; font-size:18px; }
.select-selected {background-color: #fff; border: 2px solid #d3e7f9; background-repeat:no-repeat; background-position:center right 20px; background-size: auto 12px }
.select-selected:before{ background-image:url(../images/global/icon_arrowup.png); background-size:100%; background-repeat:no-repeat; width: 12px; height:9px; content: ""; position: absolute; right:20px; top:50%; transform:translateY(-50%) rotate(180deg); transition:all linear 0.3s}
.select-selected.select-arrow-active{ border: 2px solid #d3e7f9; border-bottom: 2px solid transparent; }
.select-selected.select-arrow-active:before{ transform:translateY(-50%) rotate(0deg); }
.select-items div,.select-selected { color: #000; padding: 18px 40px 18px 20px; cursor: pointer; font-weight: 600; line-height: 1; }
.select-items div { padding: 12px 8px; }
/*.select-items div{border-right: 1px solid #D8D9DC;border-left: 1px solid #D8D9DC;}*/
.select-items { position: absolute; background-color: #fff; top: 100%; left: 0; right: 0; z-index: 99;border: 2px solid #d3e7f9; border-top: none; padding: 0px 40px 12px 12px; }
.select-hide { display: none;}
.select-items div:hover, .same-as-selected {  background-color: #d3e7f9; color:#147bd1; } 
.select-items .select-disabled, .select-items .select-disabled:hover{ color:#fff; cursor:default; background-color: #fff; height:1px; overflow:hidden; padding:0}


/* overview */
.container { width: 100%; max-width: 1240px; padding: 0 20px; margin: 0 auto; }
a.btn_readmore { padding: 10px 25px 10px 15px; box-sizing:border-box; display:inline-block; font-size: 14px; border: 1px solid #347ccb; color: #347ccb; margin-top: 10px; position: relative; width: 125px; }
a.btn_readmore:after { content: ''; display: block; width: 7px; height: 7px; border-top: 1px solid #347ccb; border-right: 1px solid #347ccb; transform: rotate(45deg); position: absolute; top: 14px; right: 12px; transition: border-color 0.4s; }
a.btn_readmore:hover{background-color:#347ccb; color:#fff}
a.btn_readmore:hover:after { border-color: #fff; }
.overview h3 { font-size: 32px; font-weight: bold; line-height: 45px; text-align: center; margin-bottom: 40px; }
.overview .section { padding: 55px 0 50px; }
.overview .homeStockquote h3 { margin-bottom: 30px; }
.overview .homeNews { background-image: url("../image/homenews_bg.png"); background-repeat: no-repeat; background-size: cover; min-height: 459px; padding: 55px 0 40px; }
.overview .homeNews h3 { color: #fff; margin-bottom: 25px; }
.overview .homeNews .newsWrapper { margin-left: -15px; margin-right: -15px; }
.overview .homeNews .item { height: 250px; background: #fff; padding: 30px 40px; text-align: center; margin: 0 15px; }
.overview .homeNews .item  .date{ font-size: 36px; line-height: 40px; color:#347bca;display:block; padding-top: 10px; }
.overview .homeNews .item  .month{ font-size: 12px; color:#347bca;display:block;}
.overview .homeNews .item  .dateWrapper .dateContainer { width: 70px; height: 70px; background-color: #d3e7f9; border-radius: 50%; text-align: center; transition:all linear 0.3s; margin: 0 auto 10px; }
.overview .homeNews .item .title { display: table; width: 100%; }
.overview .homeNews .item .title > div { display: table-cell; width: 100%; vertical-align: middle; height: 60px; font-size: 14px; line-height: 1.3; }
.overview .homeFinhigh { padding: 70px 0; }
.overview .homeFinhigh h4 { font-size: 28px; text-align: center; margin-bottom: 40px; }
/* .overview .homeFinhigh .container { max-width: 1040px; } */
.overview .homeFinhigh .chartArea .item { padding: 0 30px 30px; }
.overview .homeResults { background-image: url("../image/homeresults_bg.png"); background-repeat: no-repeat; background-size: cover; min-height: 576px; padding: 70px 0 50px; font-size: 16px; }
.overview .homeResults .container { max-width: 860px; }
.overview .homeResults .row > div { display: table-cell; vertical-align: middle; }
.overview .homeResults .row .report { width: 35%; padding-right: 5%; }
.overview .homeResults .row .cover { position: relative; }
.overview .homeResults .row .cover img { width: 100%; display: block; }
.overview .homeResults .row .cover .title-wrapper { width: 100%; height: 45px; background: rgba(0,0,0,0.5); position: absolute; bottom: 0; padding: 0 20px; }
.overview .homeResults .row .cover .title-wrapper .title { line-height: 45px; color: #fff; position: absolute; top: 50%; transform: translateY(-50%); }
.overview .homeResults .row .linkWrapper { width: 65%; background: #fff; text-align: center; padding: 30px 0; }
.overview .homeResults .row .linkWrapper h4 { font-size: 22px; font-weight: bold; }
.overview .homeResults .row .linkWrapper .item { display: inline-block; width: 30%; max-width: 140px; margin-top: 40px; }
.overview .homeResults .row .linkWrapper .item a { display: inline-block; }
.overview .homeResults .row .linkWrapper .item .icon { width: 80px; height: 80px; border-radius: 50%; background-color: #d2e6f9; background-repeat: no-repeat; background-position: center; margin: 0 auto 15px; }
.overview .homeResults .row .linkWrapper .item .icon.icon_ann { background-image: url("../image/icon_announcement.png"); }
.overview .homeResults .row .linkWrapper .item .icon.icon_pre { background-image: url("../image/icon_presentation.png"); }
.overview .homeResults .row .linkWrapper .item .icon.icon_report { background-image: url("../image/icon_report.png"); }
.overview .homeResults .row .linkWrapper .item .icon.icon_webcast { background-image: url("../image/icon_webcast.png"); }
.overview .homeCalendar { width: 66%; float: left; }
.overview .homeContact { width: 34%; float: left; }
.overview .homeContact .contactInfo { width: 100%; padding-left: 20%; padding-top: 10px; }
.overview .homeContact a { color: #347ccb; }
.overview .homeContact .item > div { display: table-cell; vertical-align: top; line-height: 26px; }
.overview .homeContact .item .icon { width: 45px; }
.overview .homeContact .item .icon span { width: 29px; height: 30px; display: block; background-repeat: no-repeat; margin-bottom: 10px; }
.overview .homeContact .item .icon span.icon_tel { background-image: url("../image/icon_tel.png"); }
.overview .homeContact .item .icon span.icon_fax { background-image: url("../image/icon_fax.png"); }
.overview .homeContact .item .icon span.icon_email { background-image: url("../image/icon_email.png"); }
.overview .homeContact .item .icon span.icon_address { background-image: url("../image/icon_address.png"); }

.overview .slick-dots { position: relative; text-align: center; width: 100%; margin-top: 30px; list-style: none; }
.overview .slick-dots li { display: inline-block; width: 16px; height: 16px; margin: 0 8px; position: relative; }
.overview .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 13px; height: 13px; outline: 0; border: 0; border-radius: 50%; cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.overview .slick-dots li.slick-active button, .overview .slick-dots li button:hover { background: #347cca; border: 2px solid #fff; width: 15px; height: 16px; }


/* IR Contact */
.content.ircontact { max-width: 1120px; padding-left: 20px; padding-right: 20px; }
.contactInfo { margin-left: 10%; }
.contactInfo li span.infoTitle { width: 15%; }
.contactInfo li span.infoText { width: 85%; }
.contactInfo li span.icon { display: inline-block; width: 45px; height: 30px; background-repeat: no-repeat; }
.contactInfo li span.icon_address { background-image: url("../images/home/icon_address.png"); }
.contactInfo li span.icon_tel { background-image: url("../images/home/icon_tel.png"); }
.contactInfo li span.icon_fax { background-image: url("../images/home/icon_fax.png"); }
.contactInfo li span.icon_email { background-image: url("../images/home/icon_email.png"); }
.contactForm { margin: 40px 0; font-size: 18px; padding-top: 40px; border-top: 1px solid #e8e8e8; }
.form-item { display: table; table-layout: fixed; width: 80%; margin-bottom: 20px; margin-left: 10%; }
.form-item .item-box { display: table-cell; }
.form-item .item-box:first-child { width: 25%; padding-right: 20px; vertical-align: middle; }
.form-item input, .form-item textarea { display: block; border: 1px solid #d3e7f9; width: 100%; padding: 8px; }
.code-wrapper span { float: left; }
.code-wrapper span input { width: 150px; }
.button-wrapper { width: 80%; margin-left: 10%; }
.button-item { margin-left: 25%; margin-bottom: 30px; margin-top: 30px; }
.button-item button { background-color: transparent; border: 1px solid #347ccb; padding: 8px 30px; font-size: 16px; color: #347ccb; cursor: pointer; transition: all 0.4s; }
.button-item button:hover { background-color: #347ccb; color: #fff; }
.contactForm .remarks { margin-left: 10%; }
#enquiry i { color: red; }
.err_msg { font-size: 16px; color: red; margin-top: 2px; }
.contactForm .submitted { margin-left: 10%; }


/* Financial Highlights - v2 */
.chartWrapper { display: flex; flex-wrap: wrap; }
.chartWrapper .chart { width: 50%; margin-bottom: 40px; padding: 0 20px; }
.btnWrapper { margin-bottom: 20px; text-align: right; }
.btn-dl { transition: all 0s; display: inline-block; width: 50px; height: 50px; border-radius: 50%; border: 2px solid #347ccb; overflow: hidden; }
.btn-dl span { display: block; width: 100%; height: 100%; background: url(../images/global/icon_download.png) center/24px no-repeat; }
.tableWrapper { margin-bottom: 40px; }
.table-findata td { text-align: right; vertical-align: bottom; padding: 15px 15px; font-size: 14px; }
.table-findata thead { background-color: #147BD1; }
.table-findata thead { color: #fff; }
.table-findata tbody tr { border-bottom: 1px solid #ccc; }
.table-findata td:first-child { text-align: left; }
.table-findata td.tableHighlight { background-color: rgb(230 240 249 / 50%); font-weight: bold; }
.table-findata tbody td:first-child { font-weight: bold; }
.table-findata td.next, .table-findata td.prev { display: none; }
.table-findata td.next span, .table-findata td.prev span { cursor: pointer; }
.finhigh-content .period { display: flex; margin: 30px 0; border-bottom: 1px solid #d3e7f9; }
.finhigh-content .period a { width: 50%; background-color: rgb(230 240 249 / 50%); text-align: center; color: #347ccb; padding: 15px; }
.finhigh-content .period a.act, .finhigh-content .period a:hover { background-color: #347ccb; color: #fff; }
.finhigh-content .tab-content { display: none; }
.finhigh-content .tab-content.act { display: block; }

/* Overview - Financial Highlights - v2 */
.homeFinhigh .tab-nav { display: flex; justify-content: center; font-size: 22px; }
.homeFinhigh .tab-nav a { position: relative; display: block; padding: 12px 5px; margin: 0 20px 40px; }
.homeFinhigh .tab-nav a:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #347bca; opacity: 0; }
.homeFinhigh .tab-nav a.act, .homeFinhigh .tab-nav a:hover { color: #347bca; }
.homeFinhigh .tab-nav a.act:after { opacity: 1; }
.homeFinhigh .tab-content { display: none; }
.homeFinhigh .tab-content.act { display: block; }
.homeFinhigh .finhigh-data { display: grid; grid-template-columns: repeat(4, 1fr); margin: 20px 0; }
.homeFinhigh .finhigh-data .item { padding: 15px 20px; margin-bottom: 40px; display: flex; flex-direction: column; }
.homeFinhigh .finhigh-data .item .title { font-size: 22px; color: #347bca; height: 44px; margin: 0 auto 20px; max-width: 250px; display: flex; align-items: center; }
.homeFinhigh .finhigh-data .item .change { font-size: 22px; height: 40px; display: flex; align-items: center; justify-content: center; }
.homeFinhigh .finhigh-data .item .change .arrow { position: relative; display: flex; align-items: baseline; line-height: 1; }
.homeFinhigh .finhigh-data .item .change .arrow:before { content: ''; width: 14px; height: 24px; display: inline-block; margin-right: 5px; background: url(../images/global/icon_arrow.png) center bottom/contain no-repeat; }
.homeFinhigh .finhigh-data .item .change .arrow.down:before { transform: scaleY(-1); }
.homeFinhigh .finhigh-data .item .value { font-size: 40px; padding: 15px 0 20px; }
.homeFinhigh .finhigh-data .item .value .unit { font-size: 20px; }
.homeFinhigh .finhigh-data .item .caption { font-size: 16px; }


@media (max-width: 1200px) {
	.container { width: 90vw; padding: 0; margin: 0 auto; }
	.overview .homeCalendar { width: 100%; float: none; }
	.overview .homeContact { width: 100%; float: none; padding: 50px 0 30px; }
	.overview .homeContact .contactInfo { padding-left: 10px; }
	
	.overview .homeNews .item { padding: 30px 20px; }

	.homeFinhigh .finhigh-data .item .title { font-size: 20px; }
}

/* Calendar - v2 */
.irCalendar .event-wrapper { border-width: 2px 0 0; border-style: solid; border-color: #147BD1; padding-bottom: 60px; }
.irCalendar .event-group-header { font-size: 26px; font-weight: bold; padding: 15px 0; border-bottom: 1px solid #eee; }
.irCalendar .event-group-header a { display: block; padding: 10px 35px 10px 10px; position: relative; }
/*.irCalendar .event-group-header a:before { content: ''; width: 2px; height: 20px; background-color: #117ACF; position: absolute; right: 19px; top: 13px; }
.irCalendar .event-group-header a:after { content: ''; width: 20px; height: 2px; background-color: #117ACF; position: absolute; right: 10px; top: 22px; }*/
.irCalendar .event-group-content { display: none; padding: 5px 0; border-bottom: 1px solid #ccc; }
.irCalendar .event-group-content .row { padding: 35px 10px; /* border-bottom: 1px solid #eee;  */line-height: 20px; display: grid; grid-template-columns: 1fr 180px; align-items: center; }
.irCalendar .event-group-content .row:not(:first-child) { border-top: 1px solid #eee; }
.irCalendar .event-group-content .title { color: #117ACF; font-weight: bold; font-size: 24px; line-height: 30px; margin-bottom: 20px; }
.irCalendar .event-group-content .link { padding-left: 20px; display: grid; }
.irCalendar .event-group-content .link > div:not(:first-child) { margin-top: 5px; }
.irCalendar .event-group-content a.btn { display: inline-block; position: relative; color: #147bd1; padding: 5px 0 5px 30px; }
.irCalendar .event-group-content a.btn:before { content: ''; width: 22px; height: 22px; background: url(../images/global/icon_download.png) center/12px no-repeat; border: 1px solid #147bd1; border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.irCalendar .event-group-content a.btn:hover { filter: brightness(1.3); }
.irCalendar .event-group.act .event-group-header a:before { display: none; }

@media screen and (max-width: 1023px) {
	.homeFinhigh .finhigh-data { grid-template-columns: repeat(2, 1fr); }
	.homeFinhigh .finhigh-data .item { padding: 15px; }

	.irCalendar .event-group-content .row { display: block; }
	.irCalendar .event-group-content .link { padding: 0; }
	.irCalendar .event-group-content .link > div:first-child { margin-top: 30px; }
}

@media (max-width: 991px) {
	.irContentArea h3{ font-size:24px; font-weight:bold; line-height:32px; margin-bottom:40px; text-align:center}
}

@media (max-width: 960px) {
	.announcements .irContentArea{ width:100%}
	.docList a{padding:5vw;}
	.cgGroup{ width:100%; float:none}
	.cgGroup p{height:auto}
	
	.contactInfo { margin-left: 0; }
	.contactInfo li span.infoTitle { width: 20%; }
	.contactInfo li span.infoText { width: 80%; }	
	.form-item, .button-wrapper { width: 100%; margin-left: 0; }
	.contactForm .remarks, .contactForm .submitted { margin-left: 0; }

	.table-findata td { font-size: 12px; padding: 15px 10px; }
}

@media (max-width: 768px) {
	.docFilter{ width:90vw; margin:0 auto; padding:0 0 10px}
	.docCat { display:block; margin:0 0 10px; width:100%}
	.docYear { display:block; margin:0 0 10px; width:100%}
	.select-selected{font-size:16px}
	.reportList .item{ width:100%; float:none; padding-right: 0 !important; padding-left: 0 !important; margin-bottom: 20px; }
	.reportList .item .item-content .text { vertical-align: middle; padding-top: 0; }
	
	.docList { width: 90vw; margin: 0 auto; }
	.docList a .title{ font-size: 14px; }
	.docList a .date{ font-size: 28px; line-height: 30px; }
	.docList .dateWrapper .dateContainer { width: 64px; height: 64px; }
	
	.chartArea .item{ width:100%; float:none}
	.tableArea table th, .tableArea table td{ padding:5px;}
	.tableArea table{ font-size:12px;}
	.calendar-wrapper, .events-detail{width:100%; float:none; padding:0 0 20px;}
	.events-detail .date{ margin:15px auto 15px;}
	
	.calendarTable table thead { display:none}
	.calendarTable table td{ display:block; padding: 5px 0}
	.calendarTable table td.dateBox{ color:#117ACF; font-size:16px; font-weight:bold;}
	.calendarTable table tr{ position:relative; padding:10px 0; display:block}
	.calendarTable .addCalBox{ position:absolute; right:20px; top:5px; }
	.calendarTable .addCalIcon{ width:32px}
	/*.calendarSelect .item a{ text-indent:-9999px;}*/
	
	.overview .homeResults .row > div { display: block; }
	.overview .homeResults .row .report { width: 100%; max-width: 250px; margin: 0 auto 40px; padding-right: 0; }
	.overview .homeResults .row .linkWrapper { width: 90vw; margin: 0 auto; padding: 40px 0; }
	
	.contactInfo li span.infoTitle { width: 30%; }
	.contactInfo li span.infoText { width: 70%; }
}

@media (max-width: 767px) {
	.form-item .item-box { display: block; }
	.form-item .item-box:first-child { width: 100%; margin-bottom: 10px; }
	.button-item { margin-left: 0; }
	.err_msg { display: inline-block; }

	.chartWrapper .chart { width: 100%; padding: 0; }
	.table-findata td:not(:first-child) { display: none; }
	.table-findata td.show, .table-findata td.next, .table-findata td.prev { display: table-cell; }
	.table-findata td.show { width: 25%; min-width: 100px; }
	.table-findata td.next, .table-findata td.prev { width: 30px; font-size: 18px; vertical-align: middle; text-align: center; padding: 10px; }
	.table-findata td.next span { visibility: hidden; }
	.table-findata td.prev span { visibility: visible; }
	
	.homeFinhigh .finhigh-data .item { padding: 15px 10px; }
	.homeFinhigh .finhigh-data .item .title { font-size: 18px; }
	.homeFinhigh .finhigh-data .item .change { font-size: 18px; }
	.homeFinhigh .finhigh-data .item .change .arrow:before { width: 10px; height: 18px; }
	.homeFinhigh .finhigh-data .item .value { font-size: 34px; padding: 10px 0 15px; }

	.irCalendar .event-group-content .title { font-size: 20px; }
}

@media (max-width: 550px) {
	.reportList .item .item-content { padding: 35px 30px; }
	.reportList .item .item-content .text { padding-left: 20px; }
	.reportList .item span.year { font-size: 24px; }
	.reportList .item span.title { font-size: 18px; }
	
	.cgGroup > div { padding: 30px 30px 60px; height: auto; min-height: 430px; }
	.cgGroup.large > div { height: auto; min-height: 500px; }
	.cgGroup h4 { font-size: 22px; }
	.cgLinks h4 { font-size: 24px; }
	.cgLinks .pdfItem a { padding: 30px 0; }
	.cgLinks .pdfItem a .icon { min-width: 40px; }
	
	.presentationList .item .item-content { padding: 35px 30px; }
	.presentationList .item .item-content .cover { display: block; width: 100%; }
	.presentationList .item .item-content .text { display: block; width: 100%; padding-left: 0; padding-top: 20px; }
	.presentationList .item .item-content span.year { font-size: 24px; }
	.presentationList .item .item-content span.title { font-size: 18px; }
	
	.overview .homeResults .row .linkWrapper .item { display: block; width: 100%; margin: 40px auto 0; }
	
	.contactInfo li span.infoTitle { width: 30%; margin-left: 0 !important; font-size: 18px; }
	.contactInfo li span.infoText { width: 70%; font-size: 18px; }	
	.contactInfo li span.icon { width: 30px; height: 25px; background-size: auto 25px; }
}

@media (min-width: 769px) {
	.overview .homeResults .row .cover.cover_pre { min-height: 334px;  background: #fff; }
	.overview .homeResults .row .cover.cover_pre  img { padding-top: 35%; }
}