.document-year,
table.stock-price tr td,
.latest-webcast > .detail > h2 {font-family: "bangna"; }


/* ir home */
.col-12.ir-section > [class^="col"] { padding-left: 10px; padding-right: 10px;}
.col-12.ir-section > [class^="col"]:first-child { padding-left: 0;}
.col-12.ir-section > [class^="col"]:last-child { padding-right: 0;}

#banner .banner-caption.ir-section { height: 110px; text-align: left;}
#banner .banner-caption.ir-section > .container > div { padding: 15px 0; }
#banner .banner-caption.ir-section > .container > div ~ div {padding: 7px 0;}
#banner .banner-caption.ir-section > .container > div > .text-title { color: #ffffff; margin: 0; padding: 0; text-shadow: 1px 1px #000000; }
#banner .banner-caption.ir-section > .container > div > span { color: #ffffff;}
#banner .banner-caption.ir-section > .container > div.col-12 { text-align: center!important; padding-top: 25px;}
#banner .banner-caption.ir-section > .container > div > .text-title-sub { color: #ffffff; font-size: 24px; margin: 0; padding: 0; text-shadow: 1px 1px #000000; line-height: 30px; border-left: 1px solid #ffffff; padding-left: 20px;}
#banner .banner-caption.ir-section > .container > div > .text-title-sub > span { font-size: 40px;}

[class^="home-download"] { border: #e4e3e2 1px solid; padding: 135px 0 10px 0; background: 0 0 no-repeat; height: 260px; font-size: 20px;}
[class^="home-download"]:hover { background-color: #e7efeb;}
[class^="home-download"] > h4 { height: 50px; font-size: 22px; line-height: 24px; text-align: center;}
[class^="home-download"]:after { content:''; display:block; clear: both; visibility: hidden; height: 0px;}
[class^="home-download"] > a { display: block; margin: 0 auto; border: #45906b 2px solid; color: #45906b; padding: 3px 15px; width: 50%; text-align: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; font-size: 20px;}
[class^="home-download"] > a:hover { background: #94c6ad; color: #ffffff; border-color: #82b099;}

[class$="download-prospectus"] { background-image: url(../images/bg-home-prospectus.jpg);}
[class$="download-fs"] { background-image: url(../images/bg-home-fs.jpg);}
[class$="download-mdna"] { background-image: url(../images/bg-home-mdna.jpg);}

[class^="home-contact"] { line-height: 24px;}
[class^="home-contact"] > h4 { color: #42916a; border-bottom: #42916a 3px solid; font-size: 28px; padding: 0; margin: 0 0 5px 0;}
[class^="home-contact"] > i, [class^="home-contact"] > span, [class^="home-contact"] > span a { color: #45906b; line-height: 30px;}
[class^="home-contact"] > i:before { font-size: 25px;}
[class^="home-contact"] > span { font-size: 16px;}
[class^="home-contact"] > a.email-alerts { display: block; background: #45906b; color: #ffffff; padding:5px 15px; font-size: 22px; margin-top: 15px; line-height: 34px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
[class^="home-contact"] > a.email-alerts:hover { background: #94c6ad; }
[class^="home-contact"] > a.email-alerts > i:before { font-size: 35px; padding: 5px; line-height: 23px; display: block; float: left;}
.col-9.ir-section > .row > .col-4 { padding:0 7px;}
.col-9.ir-section > .row { padding-bottom: 20px;}

/* email alerts */
form[name=ir_email_alert] input[type=text],
form[name=ir_email_alert] select { width: 400px; padding: 5px 10px;}


/* accordian */
.document-year { padding:5px 10px; background-image: url(../images/icon/icon-arr-right-grey.png); background-position: 95% 50%; background-repeat: no-repeat; background-color: #f9f8f5; color:#d79e33; font-weight:bold; border-bottom: #dfdfdd 1px solid;
  font-size: 24px; font-weight: bold; }
.document-year:first-child {border-top: #dfdfdd 1px solid;}
.document-year:hover, .document-year.active { cursor:pointer; background-color:#f4f0e8;}
.document-year:hover {background-image: url(../images/icon/icon-arr-right-green.png);}
.document-year.active {background-image: url(../images/icon/icon-arr-down-green.png);}
.document-list {padding: 10px 0px; display:none; border-bottom: #dfdfdd 1px solid;}
.document-list > .ir-table tr td { padding: 10px;}
.document-list > .ir-table tr:last-child td{ border-bottom: none;}
.document-list > .ir-table tr td:nth-of-type(1){width: 40%; background:url(../images/icon/icon-document.png) 10px 50% no-repeat; padding-left: 35px;}
.document-list > .ir-table tr td:nth-of-type(2){width: 40%;}
.document-list > .ir-table tr td:nth-of-type(3){}

/* stock-price */
table.stock-price { width: 100%;}
table.stock-price tr td {font-size: 24px; text-align: center; text-shadow: 1px 1px #c2ceca; padding: 5px 10px; line-height: 24px;}
table.stock-price tr td.value { font-size: 40px; font-weight: bold;}
table.stock-price tr td[colspan="4"] { font-size: 20px; border-top: #d0ded9 1px solid;}
table.stock-price tr td:nth-child(4) { text-align: right;}
table.stock-price tr td:nth-child(3) { text-align: left;}
table.stock-price tr td {border-left: #d0ded9 1px solid;}
table.stock-price tr td:first-child, table.stock-price tr td:last-child {border-left: none;}

.banner-caption table.stock-price tr td { color: #ffffff; text-shadow: none; font-size: 22px;}
.banner-caption table.stock-price tr td.value { font-size: 32px;}
table.stock-price tr td[colspan="4"] { font-size: 19px;}
/* ir contact */
form[name="ir_contact_form"] input[type="text"],
form[name="ir_contact_form"] textarea { width: 250px;}
form[name="ir_contact_form"] textarea { height: 100px; resize: none;}

/* webcast */
.latest-webcast > .detail > h2 {color: #45906b; font-weight: bold; font-size: 26px;}
.latest-webcast > .image {box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.25); padding: 15px;}
.latest-webcast > .detail a.btn-download { float: left;}


#chart_highlight { border: #e1e1e1 1px solid;}

/* Image */

	.image {
		position: relative;
		display: inline-block;
		border: 0;
		outline: 0;
	}


		.image img {
			display: block;
			width: 100%;
		}

		.image.fit {
			display: block;
			width: 100%;
		}

		.image.featured {
			display: block;
			width: 100%;
			/*margin: 0 0 1em 0;*/
		}

		.image.left {
			float: left;
			margin: 0 2em 2em 0;
		}

		.image.centered {
			display: block;
			margin: 0 0 2em 0;
		}

			.image.centered img {
				margin: 0 auto;
				width: auto;
			}

.text_pop_big{
  font-size: 14px;
  line-height: 30px;
  font-family: "tahoma";

}

.pop_css{
  width:50%; height:250px; float:left; padding:0 15px 0 15px; border-right: solid 1px rgba(136, 136, 136, 0.42);
}
.chart_box {
	margin-left: -7px;
    margin-right: -7px;
	padding-bottom: 20px;
    background: #F3F2F0;
	}
.head_topic {
	font-family: "bangna";
    color: #42916a;
    border-bottom: #42916a 3px solid;
    font-size: 24px;
    padding: 0;
    margin: 0 0 0 0;
	line-height: 26px !important;
	margin-left: -7px;
    margin-right: -7px;
}
dl.dt-left dt {
    text-align: left;
}

/* cookie */
.cover-cookie-card {
    background-color: rgb(246, 246, 246);
    border-color: rgb(85, 85, 85);
    color: rgb(0, 0, 0);
    left: 0px;
    right: 0px;
    bottom: 0px;
    border-radius: 5px;
    align-items: center;
    flex-direction: row;
    margin: 0.8em;
    padding: 0.8em;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    font-family: "bangna";
    font-size: 25px;
    overflow: hidden;
    position: fixed;
    transition: opacity 1s ease 0s;
    z-index: 9999;
}
.cookie-card-pic {
    width: 110px;
    height: auto;
}
.cover-cookie-card span.t1 {
    display: block;
    flex: 1 1 auto;
    margin-right: 1em;
    max-width: 100%;
	line-height: 1;
}
.cover-cookie-card span.t1 a {
    color: #45906b !important;
    transition: 0.25s !important;
}
.cover-cookie-card span.t1 a:hover {
    color: #9c9c9c;
    transition: 0.25s;
}
.bt-accept-cookie a.accept {
    font-family: "bangna";
    font-size: 25px;
    color: aliceblue;
    background-color: #505050;
    padding: 5.5px 50px !important;
    height: 45px;
	margin-right: 20px;
	transition: 0.25s;
	cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.bt-accept-cookie a.accept:hover {
    background-color: #757575;
	transition: 0.25s;
}
.bt-accept-cookie a.accept:active, .bt-accept-cookie a.accept:focus {
	outline: none;
	border: none;
}
/* cookies policy */
.a-cookies-policy {
	color: #45906b;
    transition: 0.25s;
}
.a-cookies-policy:hover {
    color: #9c9c9c;
    transition: 0.25s;
}