h1.header { font-size:20px; color:#616161; margin:0; padding:0 0 18px 0;}
button, input, select, textarea {font-family: 'Open Sans', 'Kanit', Arial, Helvetica, sans-serif;}
.arrow-more { float:right; font-size:16px; color:#8bc63f;}
.ir-share { position:absolute; right:0; top:30px;}
a.download { display:block; background:#8ac73f; color:#fff; font-size:14px; font-weight:600; width:85%; margin:0 auto; height:42px; padding-top:9px; border-radius:3px; text-align:center;}
a.download i { float:left; border-right:1px solid #a7d570; width:46px; text-align:center; margin:0; font-size: 20px;}
.ir-content { padding:30px 0px 30px 0px !important; }
.ir-content h2 { font-size:18px !important; font-weight:600; border-bottom:2px solid #8bc63f; padding-bottom:20px;}
.red{color:#ff0000;}
.green{color:#8bc63f;}
.right { float:right;}
.ir_boxHighlight {width:100%; float:left; background:#f2f2f2 ; border:1px solid #e6e6e6; padding:1%; margin-bottom:20px; margin-top:5px;}
[class*="default-btn"] { max-width:214px !important; height:42px !important;}
/**/
#contact-us > div > form > table > tbody > tr > td { padding:10px 55px !important;}
#contact-us > div > form > table > tbody > tr > td textarea { max-width:100%;}
#contact-us > div > form > table > tbody > tr > td.captcha { width:100%;}

/*Print*/
#ir_containerPrint *{ box-sizing:border-box; }
#ir_containerPrint {width: 1170px; margin: 0 auto; clear:both;}
#ir_contentPrint {width:1170px;}
#ir_footerPrint { width: 1170px; min-height:39px; padding-top:18px; clear:both; text-align:center;}

.img-rwd { float:left; padding:20px; width:auto !important;}

/*ddSlick*/
.dd-pointer-down {border-color:#8bc63f transparent transparent !important;}
.dd-selected { padding:5px 20px !important; text-align:center;}
.dd-option {padding:5px 20px !important; text-align:center;}
.dd-container { left:45px;}
/*Filter Year*/
.ir-filterYear { position:relative; margin-bottom:20px; width:195px;}
.ir-filterYear .title { position:absolute; top:0; left:0; font-size:17px; padding-top:5px;}
.ir-filterYear-content { float:left; width:100%; margin-bottom:20px; display:none;}
.ir-filterYear-content h2 { font-size:18px !important; background:#8bc63f; margin:0; color:#fff !important; padding:5px 30px;}
.ir-filterYear-content h2.title { background:none; color:#8bc63f !important; padding:10px 0px; margin-bottom:15px;}

ul.ir-filterYear-download { margin:0; padding:0; list-style:none;}
ul.ir-filterYear-download li { position:relative; float:left; width:25%; text-align:center; font-weight:600; font-size:16px; height:220px; border-left:1px solid #ececec; border-bottom:1px solid #ececec; padding:40px 20px 20px 20px; }
ul.ir-filterYear-download li:last-child {border-right:1px solid #ececec;}
ul.ir-filterYear-download li span { font-weight:normal;}
ul.ir-filterYear-download a.download { width:65%; position:absolute; left:0; right:0; bottom:40px;}
ul.ir-filterYear-download a.download i { margin:0;}


/*Table*/
table.ir-table { width:100%; border:1px solid #e6e6e6;}
table.ir-table th { font-size:16px; background:#8bc63f; color:#fff; font-weight:normal; border-right:1px solid #fff; padding:10px 20px;}
table.ir-table th:last-child { border-right:none;}
table.ir-table tr.title td { background:#f7f7f7; font-size:16px; color:#393939; font-weight:600; border-bottom:2px solid #8bc63f; padding:10px 20px;}
table.ir-table tr td {padding:10px 20px; border-right:1px solid #ebebeb;}
table.ir-table tr:hover td {background:#f7f7f7;}
table.ir-table tr td.sub-header { background:#717174; color:#fff; text-align:center;}
table.ir-table.info tr td:first-child { background:#f8f8f8;}
table.ir-table.info tr td { border-bottom:1px solid #d7d7d7;}
table.ir-table.form tr td input, table.ir-table.form tr td select, table.ir-table.form tr td textarea { width:50%;}
table.ir-table.form tr td input.custom-control-input{width: auto !important;}
/*IR Home*/
.stock_desktop { display:inline-table;}
.stock_tablet { display:none;}
.stock_mobile { display:none;}
[id^="container-inside"].ir-side * { box-sizing:border-box; }
.stock_info { width:100%; margin-top:28px; margin-bottom:27px; border:1px solid #dfdfdf; border-bottom:3px solid #dfdfdf; padding:0px 20px; }
.stock_info table.desktop {}
.stock_info table.mobile { display:none;}
.stock_info table tr th { text-align:left; font-size:16px; font-weight:normal; border-bottom:1px solid #dfdfdf; padding:10px 0px;}
.stock_info table tr.border-bottom td {border-bottom:1px solid #dfdfdf;}
.stock_info table tr th a { float:right; color:#8bc63f;}
.stock_info table tr th a:hover { color:#7fb42e;}
.stock_info table tr td { font-size:16px; background:url(../images/ir/stock_border.gif) no-repeat right center; padding:15px 0px;}
.stock_info table tr td:last-child { background:none; font-size:14px;}
.stock_info table tr td span { color:#8bc63f; font-size:18px; font-weight:600;}



.banner { float:left; width:66%; height:369px; padding:50px 20% 0px 55px; font-size:20px !important; line-height:34px; background:url(../images/ir/banner/banner-01.jpg) #e9e9e9 no-repeat;}
.banner a.download { line-height:22px; float:left; width:180px;}


.ir_news { float:right; width:32%; padding:0px 25px;}
.ir_news h1 { border-bottom:3px solid #8bc63f;}
.ir_news ul { margin:0; padding:0; list-style:none;}
.ir_news ul li { font-size:14px; color:#565656;}
.ir_news ul li.date { font-weight:600;  padding:10px 0px;}
.ir_news ul li.title { border-bottom:1px solid #d0d0d0;  padding:0 0 20px 0;}
.ir_news ul li:last-child { border-bottom:none;}

.highlight { float:left; margin:23px 0;}
.publication { float:left; width:100%;}
.box-publication { float:left; width:33%; height:404px; border:1px solid #ededee; border-bottom:1px solid #cacacb; border-top:1px solid #fbfbfb; background:#fbfbfb; margin-right: 1px;}
.box-publication.vdo { height:354px !important;}
.box-publication.right { float:right;}
.box-publication figure { position:relative;}
.box-publication img { width:100%;}
.box-publication figcaption { font-family: "Supermarket"; font-size:18px; position:absolute; top:30px; left:10%; color:#8a8a8a;}
.box-publication figcaption span { color:#8ac73f;}
.box-publication h1 { width:80%; position:absolute; bottom:15px; left:0; color:#59595d !important;  font-size:18px; margin:0px 10%; padding:15px 0px; border-top:3px solid #8bc63f;}
.box-publication h1 span { font-size:16px; color:#8bc63f;}
.box-publication h1.newsletter { padding:4px 0;}
.box-publication ul { width:100%; margin:15px 0 0 0; padding:0; list-style:none;}
.box-publication ul li { float:left; width:50%;}
.box-publication ul li.last { margin-right:0px !important;}

.box-download { float:left; width:100%; height:auto; border-bottom:1px solid #f4f4f4; margin-top:30px;}
.box-download .download { float:left; width:70%; padding:20px 25px; background:#7ab430; height: 250px;}
.box-download h1 { border-bottom:3px solid #fff; color:#fff !important;}
.box-download .white {color:#fff;}
.box-download ul { margin:0; padding:0; list-style:none;}
.box-download ul li { float:left; padding:20px 0px; width:100%;}
.box-download ul li a { float:left; width:60%; font-size:16px; color:#fff;}
.box-download ul li i { float:left; width:10%; padding:0 20px 0px 20px; color:#fff; font-size: 20px;}
.box-download .contact  { float:left; width:30%; padding:50px 25px 0 25px; height: 250px; background: #e9e9e9;}
.box-download .contact p { margin:0; padding:0;}
.box-download .contact p.title { margin-bottom:10px;}
.box-download .contact a { color:#7ab430; text-decoration:underline;}
.box-download .contact i { color:#7ab430; margin-right:10px;}

@media screen and (max-width: 979px) {
	.box-download .download {width:100%;}
	.box-download .contact {width:100%; padding: 20px 25px;}
}

nav#dd-nav > section#investor > ul > li > div { overflow-x: hidden !important;}

/*AR*/
.ir-content .box-publication { width:32% !important; margin-right:1%; margin-bottom:20px;}
.ir-content .box-publication h1 {padding:15px 10px !important;  opacity:0.9; background:#fff; color:#555 !important;}

/*newsroom*/
.news_search { float:left; width:50%;}
.news_search input { height:35px; float:left;}
.btn-search { float:left; color:#fff; background:#8ac73e; width:48px; height:35px; text-align:center; padding-top:7px;}
.news-list-table { float:left; width:100%; font-size:16px;}
.wp-fz-03 { width:20%;}
.wp-fz-09 { width:80%;}
.pagination * {box-sizing:content-box !important;}

/*historical_price*/
form[name="date_filter"] select { padding:0 5px;}
form[name="date_filter"] .form { float:left; padding:0 5px;}
form[name="date_filter"] .to { float:left; padding:0 5px;}

/*lightbox-vdo*/
#lightbox-con { display:none;}
#lightbox-vdo-overlay { position:fixed; width:100%; height:100%; background:#000; opacity:0.7; top:0; left:0; z-index:9;}
#lightbox-vdo { position:fixed; width:80%; height:70%; top:12%; left:0; right:0; margin:0 auto; z-index:10;}
#lightbox-vdo video { width:100%; margin:0; padding:0; height:100%;}
#lightbox-vdo #player { width:100%; margin:0; padding:0; height:100%;}
.lightbox-close { position:fixed; top:0; right:0; width:100%; padding-right:2%; padding-top:2%; text-align:right; z-index:99;}
.lightbox-close a{ color:#009eea; font-size:36px;}

/*** Interactive Chart ***/
.ui-widget { font-size:12px !important;}
#ui-datepicker-div { z-index:1 !important;}
#ir_content_container { font-size:14px !important;}
#ir_chart_setting { position: relative; z-index: 1; }
#ir_chart_setting fieldset { padding: 5px 0; border: none; margin: 0; }
#ir_chart_setting fieldset legend, #ir_chart_setting fieldset div { width: 120px; float: left; line-height: 18px; }
#ir_chart_setting fieldset input { vertical-align: middle; }
#ir_chart_setting fieldset input[type="radio"] { margin: 3px;}
.ir_chart_interactive_loading { text-align: center;  }
.ir_chart_interval { position: absolute; bottom: -20px; right: 285px;}
.ir_chart_interval select { font-size:16px !important; padding:0px; height:30px;}
.ir_news_tooltip, .ir_insider_trades_tooltip { white-space: normal; display: block; width: 400px; }
.ir_corporate_actions_tooltip { white-space: normal; display: block; width: 200px; }
#ir_chart_container > div > div:nth-child(1) { font-size:14px !important; top:-10px !important; }
#ir_chart_container > div > div:nth-child(1) input { padding:0; width:90px !important; height:30px !important; font-size:16px; border-radius:0;}

.shareholding tr td{text-align: right;}
.shareholding tr td:first-child{text-align: center;}
.shareholding tr td:nth-child(2){text-align: left;}

.dividend tr td:not(:first-child){text-align: center;}