ht<script type="text/javascript">        window.location="https://www.ch-karnchang.co.th/th";</script><section class="ctn-left">
	<article class="stock">
		<h2>&#3586;&#3657;&#3629;&#3617;&#3641;&#3621;&#3619;&#3634;&#3588;&#3634;&#3627;&#3621;&#3633;&#3585;&#3607;&#3619;&#3633;&#3614;&#3618;&#3660;</h2>		<table width="100%" border="0" cellspacing="0" cellpadding="5">
			<tr class="symbol">
				<td colspan="2">&#3626;&#3633;&#3597;&#3621;&#3633;&#3585;&#3625;&#3603;&#3660;
					: CK</td>
			</tr>
			<tr>
				<td width="40%"><span>&#3619;&#3634;&#3588;&#3634;&#3621;&#3656;&#3634;&#3626;&#3640;&#3604;</span><br>
					&#3647;14.90</td>
				<td width="60%"><span>&#3648;&#3611;&#3621;&#3637;&#3656;&#3618;&#3609;&#3649;&#3611;&#3621;&#3591;
						(%)</span><br><img
						src="images/investor/arrow-green.png" alt="">+0.20 (1.36%)
				</td>
			</tr>
			<tr>
				<td><span>&#3611;&#3619;&#3636;&#3617;&#3634;&#3603;&#3595;&#3639;&#3657;&#3629;&#3586;&#3634;&#3618;
						(&#3627;&#3640;&#3657;&#3609;)</span><br>2,713,461</td>
				<td><span>&#3617;&#3641;&#3621;&#3588;&#3656;&#3634; (&#3610;&#3634;&#3607;)</span><br>40,595,723</td>
			</tr>
			<tr class="date">
				<td colspan="2">					&#3611;&#3619;&#3633;&#3610;&#3611;&#3619;&#3640;&#3591;&#3648;&#3617;&#3639;&#3656;&#3629;:20 &#3614;.&#3588;.
					2568 16:39</td>
			</tr>
		</table>		<div><a href="/stock_chart_interactive.html">+
				&#3604;&#3641;&#3586;&#3657;&#3629;&#3617;&#3641;&#3621;&#3585;&#3619;&#3634;&#3615;&#3619;&#3634;&#3588;&#3634;&#3627;&#3621;&#3633;&#3585;&#3607;&#3619;&#3633;&#3614;&#3618;&#3660;</a></div>
	</article>
	<article class="email-contact txt-color-two">
		<ul>
			<li class="email"><span>&#3629;&#3637;&#3648;&#3617;&#3621;&#3660;&#3586;&#3656;&#3634;&#3623;&#3626;&#3634;&#3619;</span><br><a
					href="/email_alerts.html">&#3626;&#3617;&#3633;&#3588;&#3619;&#3626;&#3617;&#3634;&#3594;&#3636;&#3585;&#3619;&#3633;&#3610;&#3586;&#3656;&#3634;&#3623;&#3626;&#3634;&#3619;</a></li>
			<li class="contact"><span>&#3605;&#3636;&#3604;&#3605;&#3656;&#3629;&#3613;&#3656;&#3634;&#3618;&#3609;&#3633;&#3585;&#3621;&#3591;&#3607;&#3640;&#3609;&#3626;&#3633;&#3617;&#3614;&#3633;&#3609;&#3608;&#3660;</span><br>66(0)-2275-0026
				&#3605;&#3656;&#3629; 2317-2319</li>
		</ul>
	</article>
</section>

<section class="ctn-center">
	<article class="fs-highlight">
		<h2>&#3586;&#3657;&#3629;&#3617;&#3641;&#3621;&#3626;&#3635;&#3588;&#3633;&#3597;&#3607;&#3634;&#3591;&#3585;&#3634;&#3619;&#3648;&#3591;&#3636;&#3609;</h2>
		<!--<div class="img-fs"><img src="images/investor/chart-fs-home-th.png" alt=""></div>-->
		<div id="container" style="min-width: auto; height: 300px; margin: 0 auto;"></div><script src="//code.highcharts.com/highcharts.js"></script>
<script src="//code.highcharts.com/modules/exporting.js"></script>

<script>
$(function () {
    $('#container').highcharts({
        credits: { enabled: false
        },
		exporting: { enabled: false 
        },
        chart: {
            zoomType: 'xy',
            backgroundColor: null
        },
        title: {
            text: ''
        },
        subtitle: {
            text: 'Unit : Million Baht',
                style: {
                        color: "#fff"
                    }
        },
        xAxis: [{
            categories: [ '2558', '2559', '2560', '2561', '2562', '2563', '2564', '2565'],
            crosshair: true,
             labels: {
                style: {
                        color: "#fff"
                    }
            }
        }],
        yAxis: [{ // Primary yAxis
            gridLineColor: null,
            labels: {
                format: '{value}',
                style: {
                    color: '#CACACA',
                }
            },
            title: {
                text: 'Total Income',
                style: {
                    color: '#CACACA',
                }
            }
        }, { // Secondary yAxis
            gridLineColor: null,
            title: {
                text: 'Net Profit (loss)',
                style: {
                    color: '#3ADEF4'
                }
            },
            labels: {
                format: '{value}',
                style: {
                    color: '#3ADEF4'
                }
            },
            opposite: true
        }],
        tooltip: {
            formatter: function() {
                var s = [];
                
                $.each(this.points, function(i, point) {
                    s.push(point.series.name +' : '+ '<span style="font-weight:bold;">' + Highcharts.numberFormat(this.y,0,'.',',') +' MB.<span>');
                });
                return s.join('<br>');
            },
            shared: true
        },
        legend: {
            //layout: 'vertical',
            //align: 'left',
            //x: 120,
            //verticalAlign: 'bottom',
            //y: 30,
            //floating: true,
            backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'
        },
        series: [{
            name: 'Total Income',
            color: '#CACACA',
            type: 'column',
            //data: [35433.36, 38027.75, 37019.54, 37730.68, 31175.57, 24796.51, 18442, 14419.25],
            data: [38027.75, 37019.54, 37730.68, 31175.57, 24796.51, 18442, 14419.25,19660.21],
            tooltip: {
                valueSuffix: 'MB.'
            }

        }, {
            name: 'Net Profit (loss)',
            color: '#3ADEF4',
            type: 'spline',
            yAxis: 1,
            //data: [2296.26, 2192.64, 2002.40, 1810.69, 2494.31, 1777.78, 612, 906],
            data: [2192.64, 2002.40, 1810.69, 2494.31, 1777.78, 612, 906,1104.61],
            tooltip: {
                valueSuffix: ' MB.'
            }
        }]
    });
});
</script>	</article>
	<article class="news">
		<h2>&#3586;&#3656;&#3634;&#3623;&#3649;&#3592;&#3657;&#3591;&#3605;&#3621;&#3634;&#3604;&#3627;&#3621;&#3633;&#3585;&#3607;&#3619;&#3633;&#3614;&#3618;&#3660;
			<div class="more"><a href="/newsroom_set_th.html">+&#3648;&#3614;&#3636;&#3656;&#3617;&#3648;&#3605;&#3636;&#3617;</a></div></h2>		<ul>			<li>
				<span>15-05-2568</span><br>
				<a href="https://ir.listedcompany.com/tracker.pl?type=6&amp;id=2553547"  target="_blank" >&#3588;&#3635;&#3629;&#3608;&#3636;&#3610;&#3634;&#3618;&#3649;&#3621;&#3632;&#3623;&#3636;&#3648;&#3588;&#3619;&#3634;&#3632;&#3627;&#3660;&#3586;&#3629;&#3591;&#3613;&#3656;&#3634;&#3618;&#3592;&#3633;&#3604;&#3585;&#3634;&#3619; &#3652;&#3605;&#3619;&#3617;&#3634;&#3626;&#3607;&#3637;&#3656; 1 &#3626;&#3636;&#3657;&#3609;&#3626;&#3640;&#3604;&#3623;&#3633;&#3609;&#3607;&#3637;&#3656; 31 &#3617;&#3637;.&#3588;. 2568</a>
			</li>		</ul>	</article>
</section>

<section class="ctn-right">
	<article class="download txt-color-two">
		<h2>&#3604;&#3634;&#3623;&#3609;&#3660;&#3650;&#3627;&#3621;&#3604;</h2>
		<ul>			<li><div class="ar">&#3649;&#3610;&#3610; 56-1 One Report 2567<br><span><a href="https://ir.listedcompany.com/tracker.pl?type=5&amp;id=287560&amp;m=0c55bba707d15cfabf5e4477c204592b8ff1c9a7fd9754195416f082677d6998&amp;redirect=https%3A%2F%2Fck.listedcompany.com%2Fmisc%2Fone-report%2Fck-or2024-th.pdf"
							target="_blank">&#3604;&#3634;&#3623;&#3609;&#3660;&#3650;&#3627;&#3621;&#3604;</a></span><span><a href=""
							target="_blank" style="margin-left: 1rem;">&#3604;&#3641;&#3629;&#3629;&#3609;&#3652;&#3621;&#3609;&#3660;</a></span></div></li>			<li><div class="fs">&#3591;&#3610;&#3585;&#3634;&#3619;&#3648;&#3591;&#3636;&#3609;&#3652;&#3605;&#3619;&#3617;&#3634;&#3626;&#3607;&#3637;&#3656; 1/2567<br><span><a href="https://ir.listedcompany.com/tracker.pl?type=5&amp;id=279243&amp;m=4842c7cb16fe49a68e11e06f770e8e460afdd1b490c2bac7ac9c7cebbcd99b69&amp;redirect=https%3A%2F%2Fck.listedcompany.com%2Fmisc%2FFS%2F20240515-ck-fs-1q2024-th.pdf" target="_blank">&#3604;&#3634;&#3623;&#3609;&#3660;&#3650;&#3627;&#3621;&#3604;</a></span></div></li>			<li><div class="investorkits">&#3604;&#3634;&#3623;&#3609;&#3660;&#3650;&#3627;&#3621;&#3604;&#3648;&#3629;&#3585;&#3626;&#3634;&#3619;<br><span><a
							href="/download.html">&#3609;&#3633;&#3585;&#3621;&#3591;&#3607;&#3640;&#3609;&#3626;&#3633;&#3617;&#3614;&#3633;&#3609;&#3608;&#3660;</a></span></div></li>
		</ul>
	</article>
	<article class="calendar">
		<h2>&#3611;&#3598;&#3636;&#3607;&#3636;&#3609;&#3609;&#3633;&#3585;&#3621;&#3591;&#3607;&#3640;&#3609;
			<div class="more"><a href="/ir_calendar.html">+&#3648;&#3614;&#3636;&#3656;&#3617;&#3648;&#3605;&#3636;&#3617;</a></div></h2>
		<ul>
			<!-- <li>
				<div class="date">08<sup>/03</sup></div>
				<div class="detail">ประชุมนักวิเคราะห์ ไตรมาส 4 ปี 2564</div>
			</li> -->
			<li>
				<div class="date">14<sup>/11</sup></div>
				<div class="detail">นำส่งงบการเงินสำหรับผลการดำเนินงานไตรมาส 3 ปี 2566</div>
			</li>
			<!-- <li>
				<div class="date">14<sup>/11</sup></div>
				<div class="detail">นำส่งงบการเงินสำหรับผลการดำเนินงานไตรมาส 3 ปี 2565</div>
			</li> -->
		</ul>
	</article>
</section>

</div>


<section id="nav-bottom-bar">
  	<nav><span><a href="/cookies_policy.html">&#3609;&#3650;&#3618;&#3610;&#3634;&#3618;&#3585;&#3634;&#3619;&#3651;&#3594;&#3657;&#3588;&#3640;&#3585;&#3585;&#3637;&#3657;</a></span>	</nav>
</section>

	</div>
	<!-- end IR-->  

<div class="bottom-page">
	<a href="javascript:;" class="btn-top"></a>
	<a href="javascript:;" class="btn-down"></a>
</div>

	
</div>
<!-- end list boxPage -->


<!-- start header -->
<div class="header sty2">
    
    <a class="logo" href="https://www.ch-karnchang.co.th/th/#/home" target="_top">
        <img class="blue" src="/images/logo.png" alt="logo" />
        <img class="write" src="/images/logo-write2.png" alt="logo write" />
    </a>
    
  <h1 class="txtHeadEN ani300">BUILDING A BETTER LIFE FOR ALL</h1>
    <span class="lineHead">|</span>
    <div class="txtHeadTH"><span>&#3610;&#3619;&#3636;&#3625;&#3633;&#3607; </span>&#3594;.&#3585;&#3634;&#3619;&#3594;&#3656;&#3634;&#3591;<span> &#3592;&#3635;&#3585;&#3633;&#3604; (&#3617;&#3627;&#3634;&#3594;&#3609;)</span></div>


    <div class="headMenu ani300">
        <a class="ani300" href="https://www.ch-karnchang.co.th/th/#/about" target="_top">
            <span class="num"><img src="/images/num-01.png" alt="01" /></span>
        <b class="txt txt1 ani300"><span>&#3619;&#3641;&#3657;&#3592;&#3633;&#3585;<br />&#3594;.&#3585;&#3634;&#3619;&#3594;&#3656;&#3634;&#3591;</span></b>
        </a>
        <a class="ani300" href="https://www.ch-karnchang.co.th/th/#/construction_business" target="_top">
            <span class="num"><img src="/images/num-02.png" alt="02" /></span>
            <b class="txt txt2 ani300"><span>&#3608;&#3640;&#3619;&#3585;&#3636;&#3592;<br />&#3585;&#3634;&#3619;&#3585;&#3656;&#3629;&#3626;&#3619;&#3657;&#3634;&#3591;</span></b>
        </a>
        <a class="ani300" href="https://www.ch-karnchang.co.th/th/#/business_development_infrastructure_projects" target="_top">
            <span class="num"><img src="/images/num-03.png" alt="03" /></span>
            <b class="txt txt3 ani300"><span>&#3608;&#3640;&#3619;&#3585;&#3636;&#3592;&#3585;&#3634;&#3619;&#3614;&#3633;&#3602;&#3609;&#3634;<br />&#3650;&#3588;&#3619;&#3591;&#3585;&#3634;&#3619;&#3626;&#3634;&#3608;&#3634;&#3619;&#3603;&#3641;&#3611;&#3650;&#3616;&#3588;</span></b>
        </a>
        <a class="ani300 action" href="https://www.ch-karnchang.co.th/th/#/ir" target="_top">
            <span class="num"><img src="/images/num-04.png" alt="04" /></span>
            <b class="txt txt4 ani300"><span>&#3609;&#3633;&#3585;&#3621;&#3591;&#3607;&#3640;&#3609;<br />&#3626;&#3633;&#3617;&#3614;&#3633;&#3609;&#3608;&#3660;</span></b>
        </a>
        <a class="ani300" href="https://www.ch-karnchang.co.th/th/#/governance" target="_top">
            <span class="num"><img src="/images/num-05.png" alt="05" /></span>
            <b class="txt txt5 ani300"><span>&nbsp;<br />&#3610;&#3619;&#3619;&#3625;&#3633;&#3607;&#3616;&#3636;&#3610;&#3634;&#3621;</span></b>
        </a>
        <a class="ani300" href="https://www.ch-karnchang.co.th/th/#/durability" target="_top">
            <span class="num"><img src="/images/num-06.png" alt="06" /></span>
            <b class="txt txt6 ani300"><span>&nbsp;<br />&#3588;&#3623;&#3634;&#3617;&#3618;&#3633;&#3656;&#3591;&#3618;&#3639;&#3609;</span></b>
        </a>
    </div>
    
    <div class="boxListIcon">
        <a class="btnProject">project</a>
        <a class="btnSitemap">sitmap</a>
        <!--<a class="btnLangEn" href="http://www.ch-karnchang.co.th/en/#/home" target="_top">lang-en</a>--><a class="btnLangEn" href="https://ck.listedcompany.com/home.html">lang-en</a>        <a class="btnHome" href="https://www.ch-karnchang.co.th/th/#/home" target="_top">home</a>
    </div>
</div>
<!-- end header -->    
    <!-- start boxSitmap -->
    <div class="boxSitmap">
    <a class="btnCloseSitmap">close</a>

    <div class="boxListSitmap">
        <div class="oneListSitmap">
            <img class="num" src="/images/num-01.png" alt="01" />
            <h4><a href="https://www.ch-karnchang.co.th/th/#/about" target="_top">&#3619;&#3641;&#3657;&#3592;&#3633;&#3585; &#3594;.&#3585;&#3634;&#3619;&#3594;&#3656;&#3634;&#3591;</a></h4>
            <ul>
                <li><a href="https://www.ch-karnchang.co.th/th/#/about/us" target="_top">&#3648;&#3585;&#3637;&#3656;&#3618;&#3623;&#3585;&#3633;&#3610; &#3594;.&#3585;&#3634;&#3619;&#3594;&#3656;&#3634;&#3591;</a></li>
                <li><a href="https://www.ch-karnchang.co.th/th/#/about/vision" target="_top">&#3623;&#3636;&#3626;&#3633;&#3618;&#3607;&#3633;&#3624;&#3609;&#3660; &#3614;&#3633;&#3609;&#3608;&#3585;&#3636;&#3592; &#3588;&#3656;&#3634;&#3609;&#3636;&#3618;&#3617; &#3585;&#3621;&#3618;&#3640;&#3607;&#3608;&#3660;</a></li>
                <li><a href="https://www.ch-karnchang.co.th/th/#/about/organizational-structure" target="_top">&#3650;&#3588;&#3619;&#3591;&#3626;&#3619;&#3657;&#3634;&#3591;&#3629;&#3591;&#3588;&#3660;&#3585;&#3619;</a></li>
                <li><a href="https://www.ch-karnchang.co.th/th/#/about/board-of-directors" target="_top">&#3588;&#3603;&#3632;&#3585;&#3619;&#3619;&#3617;&#3585;&#3634;&#3619;&#3610;&#3619;&#3636;&#3625;&#3633;&#3607;</a></li>
				<li><a href="https://www.ch-karnchang.co.th/th/#/about/senior-executive" target="_top"> คณะผู้บริหารอาวุโส</a></li>
                <li><a href="https://www.ch-karnchang.co.th/th/#/about/board-of-presidents" target="_top">&#3588;&#3603;&#3632;&#3612;&#3641;&#3657;&#3610;&#3619;&#3636;&#3627;&#3634;&#3619;</a></li>
                <li><a href="https://www.ch-karnchang.co.th/th/#/about/borad-of-advisors-and-executive-directors" target="_top">คณะที่ปรึกษา</a></li>
                <li><a href="https://www.ch-karnchang.co.th/th/#/about/business-characteristics" target="_top">&#3621;&#3633;&#3585;&#3625;&#3603;&#3632;&#3585;&#3634;&#3619;&#3604;&#3635;&#3648;&#3609;&#3636;&#3609;&#3608;&#3640;&#3619;&#3585;&#3636;&#3592;</a></li>
                <li><a href="https://www.ch-karnchang.co.th/th/#/about/consortium" target="_top">&#3650;&#3588;&#3619;&#3591;&#3626;&#3619;&#3657;&#3634;&#3591;&#3585;&#3621;&#3640;&#3656;&#3617;&#3608;&#3640;&#3619;&#3585;&#3636;&#3592;</a></li>
                <li><a href="https://www.ch-karnchang.co.th/th/#/about/standardize-and-rewards" target="_top">&#3617;&#3634;&#3605;&#3619;&#3600;&#3634;&#3609;&#3585;&#3634;&#3619;&#3604;&#3635;&#3648;&#3609;&#3636;&#3609;&#3591;&#3634;&#3609; &#3649;&#3621;&#3632;&#3619;&#3634;&#3591;&#3623;&#3633;&#3621;</a></li>
                <li><a href="https://www.ch-karnchang.co.th/th/#/about/public-safety" target="_top">&#3609;&#3650;&#3618;&#3610;&#3634;&#3618;&#3604;&#3657;&#3634;&#3609;&#3588;&#3623;&#3634;&#3617;&#3611;&#3621;&#3629;&#3604;&#3616;&#3633;&#3618;</a></li>
            </ul>
        </div>

        <div class="oneListSitmap">
            <img class="num" src="/images/num-02.png" alt="02" />
            <h4><a href="https://www.ch-karnchang.co.th/th/#/construction_business" target="_top">&#3608;&#3640;&#3619;&#3585;&#3636;&#3592;&#3585;&#3634;&#3619;&#3585;&#3656;&#3629;&#3626;&#3619;&#3657;&#3634;&#3591;</a></h4>
            <ul>
                <li><a href="https://www.ch-karnchang.co.th/th/#/construction_business" target="_top">&#3619;&#3632;&#3610;&#3610;&#3586;&#3609;&#3626;&#3656;&#3591;&#3617;&#3623;&#3621;&#3594;&#3609;  </a></li>
                <li><a href="https://www.ch-karnchang.co.th/th/#/construction_business" target="_top">&#3607;&#3656;&#3634;&#3629;&#3634;&#3585;&#3634;&#3624;&#3618;&#3634;&#3609;  </a></li>
                <li><a href="https://www.ch-karnchang.co.th/th/#/construction_business" target="_top">&#3606;&#3609;&#3609; &#3607;&#3634;&#3591;&#3604;&#3656;&#3623;&#3609; &#3626;&#3632;&#3614;&#3634;&#3609;</a></li>
                <li><a href="https://www.ch-karnchang.co.th/th/#/construction_business" target="_top">&#3614;&#3621;&#3633;&#3591;&#3591;&#3634;&#3609;   </a></li>
                <li><a href="https://www.ch-karnchang.co.th/th/#/construction_business" target="_top">&#3619;&#3632;&#3610;&#3610;&#3609;&#3657;&#3635;&#3649;&#3621;&#3632;&#3607;&#3656;&#3634;&#3648;&#3619;&#3639;&#3629;</a></li>
                <li><a href="https://www.ch-karnchang.co.th/th/#/construction_business" target="_top">&#3629;&#3634;&#3588;&#3634;&#3619;  </a></li>
            </ul>
        </div>

        <div class="oneListSitmap">
            <img class="num" src="/images/num-03.png" alt="03" />
            <h4><a href="https://www.ch-karnchang.co.th/th/#/business_development_infrastructure_projects" target="_top">&#3608;&#3640;&#3619;&#3585;&#3636;&#3592;&#3585;&#3634;&#3619;&#3614;&#3633;&#3602;&#3609;&#3634;&#3650;&#3588;&#3619;&#3591;&#3585;&#3634;&#3619;&#3626;&#3634;&#3608;&#3634;&#3619;&#3603;&#3641;&#3611;&#3650;&#3616;&#3588;</a></h4>
            <ul>
                <li><a href="https://www.ch-karnchang.co.th/th/#/infrastructure/bangkok-metro-bem" target="_top">บริษัท ทางด่วนและรถไฟฟ้ากรุงเทพ จำกัด (มหาชน)</a></li>
                <li><a href="https://www.ch-karnchang.co.th/th/#/infrastructure/thai-tap-water-ttw" target="_top">&#3610;&#3619;&#3636;&#3625;&#3633;&#3607; &#3607;&#3637;&#3607;&#3637;&#3604;&#3633;&#3610;&#3610;&#3621;&#3636;&#3623; &#3592;&#3635;&#3585;&#3633;&#3604; (&#3617;&#3627;&#3634;&#3594;&#3609;)</a></li>
                <li><a href="https://www.ch-karnchang.co.th/th/#/infrastructure/ck-power" target="_top">&#3610;&#3619;&#3636;&#3625;&#3633;&#3607; &#3595;&#3637;&#3648;&#3588; &#3614;&#3634;&#3623;&#3648;&#3623;&#3629;&#3619;&#3660; &#3592;&#3635;&#3585;&#3633;&#3604; (&#3617;&#3627;&#3634;&#3594;&#3609;)</a></li>
            </ul>
        </div>

        <div class="oneListSitmap">
            <img class="num" src="/images/num-04.png" alt="04" />
            <h4><a href="https://www.ch-karnchang.co.th/th/#/ir" target="_top">&#3609;&#3633;&#3585;&#3621;&#3591;&#3607;&#3640;&#3609;&#3626;&#3633;&#3617;&#3614;&#3633;&#3609;&#3608;&#3660;</a></h4>
            <ul>                <li><a href="https://www.ch-karnchang.co.th/investor/th/financial_info.php" target="_top">&#3586;&#3657;&#3629;&#3617;&#3641;&#3621;&#3607;&#3634;&#3591;&#3585;&#3634;&#3619;&#3648;&#3591;&#3636;&#3609;</a></li>
                <li><a href="https://www.ch-karnchang.co.th/investor/th/stock_info.php" target="_top">&#3586;&#3657;&#3629;&#3617;&#3641;&#3621;&#3619;&#3634;&#3588;&#3634;&#3627;&#3621;&#3633;&#3585;&#3607;&#3619;&#3633;&#3614;&#3618;&#3660;</a></li>
                <li><a href="https://www.ch-karnchang.co.th/investor/th/shareholder_info.php" target="_top">&#3586;&#3657;&#3629;&#3617;&#3641;&#3621;&#3626;&#3661;&#3634;&#3627;&#3619;&#3633;&#3610;&#3612;&#3641;&#3657;&#3606;&#3639;&#3629;&#3627;&#3640;&#3657;&#3609;&#3626;&#3634;&#3617;&#3633;&#3597;</a></li>
                <li><a href="https://www.ch-karnchang.co.th/investor/th/debenture_holder_info.php" target="_top">&#3586;&#3657;&#3629;&#3617;&#3641;&#3621;&#3626;&#3661;&#3634;&#3627;&#3619;&#3633;&#3610;&#3612;&#3641;&#3657;&#3606;&#3639;&#3629;&#3627;&#3640;&#3657;&#3609;&#3585;&#3641;&#3657; </a></li>
                <li><a href="https://www.ch-karnchang.co.th/investor/th/newsroom.php" target="_top">&#3627;&#3657;&#3629;&#3591;&#3586;&#3656;&#3634;&#3623;</a></li>
                <li><a href="https://www.ch-karnchang.co.th/investor/th/quick_download.php" target="_top">&#3604;&#3634;&#3623;&#3609;&#3660;&#3650;&#3627;&#3621;&#3604;&#3648;&#3629;&#3585;&#3626;&#3634;&#3619;&#3609;&#3633;&#3585;&#3621;&#3591;&#3607;&#3640;&#3609;&#3626;&#3633;&#3617;&#3614;&#3633;&#3609;&#3608;&#3660;</a></li>
                <li><a href="https://www.ch-karnchang.co.th/investor/th/publications.php" target="_top">เอกสารเผยแพร่</a></li>
                <li><a href="https://www.ch-karnchang.co.th/investor/th/analyst_coverage.php" target="_top">&#3586;&#3657;&#3629;&#3617;&#3641;&#3621;&#3609;&#3633;&#3585;&#3623;&#3636;&#3648;&#3588;&#3619;&#3634;&#3632;&#3627;&#3660;</a></li>
                <li><a href="https://www.ch-karnchang.co.th/investor/th/information_inquiry.php" target="_top">&#3626;&#3629;&#3610;&#3606;&#3634;&#3617;&#3586;&#3657;&#3629;&#3617;&#3641;&#3621;&#3609;&#3633;&#3585;&#3621;&#3591;&#3607;&#3640;&#3609;</a></li>
          </ul>
        </div>

        <div class="oneListSitmap">
            <img class="num" src="/images/num-05.png" alt="05" />
            <h4><a href="https://www.ch-karnchang.co.th/th/#/governance" target="_top">&#3610;&#3619;&#3619;&#3625;&#3633;&#3607;&#3616;&#3636;&#3610;&#3634;&#3621;</a></h4>
            <ul>
                <li><a href="https://www.ch-karnchang.co.th/th/#/governance" target="_top">&#3585;&#3634;&#3619;&#3585;&#3635;&#3585;&#3633;&#3610;&#3604;&#3641;&#3649;&#3621;&#3585;&#3636;&#3592;&#3585;&#3634;&#3619;</a></li>
                <li><a href="https://www.ch-karnchang.co.th/th/#/governance" target="_top">&#3586;&#3657;&#3629;&#3610;&#3633;&#3591;&#3588;&#3633;&#3610;&#3610;&#3619;&#3636;&#3625;&#3633;&#3607; </a></li>
                <li><a href="https://www.ch-karnchang.co.th/th/#/governance" target="_top">&#3592;&#3619;&#3619;&#3618;&#3634;&#3610;&#3619;&#3619;&#3603;&#3585;&#3619;&#3619;&#3617;&#3585;&#3634;&#3619; </a></li>
                <li><a href="https://www.ch-karnchang.co.th/th/#/governance" target="_top">&#3592;&#3619;&#3619;&#3618;&#3634;&#3610;&#3619;&#3619;&#3603;&#3612;&#3641;&#3657;&#3610;&#3619;&#3636;&#3627;&#3634;&#3619;&#3649;&#3621;&#3632;&#3614;&#3609;&#3633;&#3585;&#3591;&#3634;&#3609;</a></li>
                <li><a href="https://www.ch-karnchang.co.th/th/#/governance" target="_top">&#3592;&#3619;&#3619;&#3618;&#3634;&#3610;&#3619;&#3619;&#3603;&#3609;&#3633;&#3585;&#3621;&#3591;&#3607;&#3640;&#3609;&#3626;&#3633;&#3617;&#3614;&#3633;&#3609;&#3608;&#3660;  </a></li>
            </ul>
        </div>

        <div class="oneListSitmap">
            <img class="num" src="/images/num-06.png" alt="06" />
            <h4><a href="https://www.ch-karnchang.co.th/th/#/durability" target="_top">&#3588;&#3623;&#3634;&#3617;&#3618;&#3633;&#3656;&#3591;&#3618;&#3639;&#3609;</a></h4>
            <ul>
                <li><a href="https://www.ch-karnchang.co.th/th/#/mission/sustainable-policy" target="_top">นโยบายด้านความยั่งยืน</a></li>
                <li><a href="https://www.ch-karnchang.co.th/th/#/mission/social-responsibility" target="_top">&#3585;&#3636;&#3592;&#3585;&#3619;&#3619;&#3617;&#3648;&#3614;&#3639;&#3656;&#3629;&#3626;&#3633;&#3591;&#3588;&#3617; </a></li>
                <li><a href="https://www.ch-karnchang.co.th/th/#/mission/growth-together" target="_top">&#3619;&#3634;&#3618;&#3591;&#3634;&#3609;&#3588;&#3623;&#3634;&#3617;&#3648;&#3605;&#3636;&#3610;&#3650;&#3605;&#3629;&#3618;&#3656;&#3634;&#3591;&#3618;&#3633;&#3656;&#3591;&#3618;&#3639;&#3609; </a></li>
                <li><a href="https://www.ch-karnchang.co.th/th/#/mission/contact-and-complain" target="_top">&#3594;&#3656;&#3629;&#3591;&#3607;&#3634;&#3591;&#3585;&#3634;&#3619;&#3605;&#3636;&#3604;&#3605;&#3656;&#3629;&#3649;&#3621;&#3632;&#3619;&#3657;&#3629;&#3591;&#3648;&#3619;&#3637;&#3618;&#3609; </a></li>
            </ul>
        </div>

        <div class="clr"></div>
    </div>
    <div class="boxMainLink">
        <h2>&#3650;&#3588;&#3619;&#3591;&#3626;&#3619;&#3657;&#3634;&#3591;</h2>
        <h3>&#3648;&#3623;&#3655;&#3610;&#3652;&#3595;&#3605;&#3660; &#3594;.&#3585;&#3634;&#3619;&#3594;&#3656;&#3634;&#3591;</h3>
        <div class="listMainLink">
            <a class="btnNews" href="https://www.ch-karnchang.co.th/th/#/news" target="_top">&#3586;&#3656;&#3634;&#3623;&#3626;&#3634;&#3619; &#3594;.&#3585;&#3634;&#3619;&#3594;&#3656;&#3634;&#3591;</a>
            <a class="btnCareer" href="https://www.ch-karnchang.co.th/th/#/career" target="_top">&#3619;&#3656;&#3623;&#3617;&#3591;&#3634;&#3609;&#3585;&#3633;&#3610;&#3648;&#3619;&#3634;</a>
            <a class="btnContact" href="https://www.ch-karnchang.co.th/th/#/contactus" target="_top">&#3605;&#3636;&#3604;&#3605;&#3656;&#3629; &#3594;.&#3585;&#3634;&#3619;&#3594;&#3656;&#3634;&#3591;</a>
        </div>
    </div>
    <div class="boxLangSitmap">
    		<a class="btnLangEn Th" href="javascript:;">lang-th</a><a class="btnLangEn" href="https://ck.listedcompany.com/home.html">lang-en</a>    </div>
</div>
    <!-- end boxSitmap -->
    
    <!-- start boxRightProject -->
<div class="boxRightProject">
    <a class="btnCloseRightProject">close</a>

    <div class="bdrLeft"></div>
    
    <div class="boxListRightProject">
		        <div class="boxOneRightProject">
        
            <div class="content">
                <div class="projectCategory">&#3619;&#3632;&#3610;&#3610;&#3586;&#3609;&#3626;&#3656;&#3591;&#3617;&#3623;&#3621;&#3594;&#3609;</div>
                <h3 class="projectName">&#3624;&#3641;&#3609;&#3618;&#3660;&#3595;&#3656;&#3629;&#3617;&#3610;&#3635;&#3619;&#3640;&#3591; &#3619;&#3606;&#3652;&#3615;&#3615;&#3657;&#3634;&#3651;&#3605;&#3657;&#3604;&#3636;&#3609;</h3>
              <div class="projectNameSub">(&#3585;&#3619;&#3640;&#3591;&#3648;&#3607;&#3614;&#3617;&#3627;&#3634;&#3609;&#3588;&#3619;)</div>
                <a class="projectThumb" href="https://www.ch-karnchang.co.th/th/#/project/detail-highlight/1/&#3619;&#3632;&#3610;&#3610;&#3586;&#3609;&#3626;&#3656;&#3591;&#3617;&#3623;&#3621;&#3594;&#3609;-&#3624;&#3641;&#3609;&#3618;&#3660;&#3595;&#3656;&#3629;&#3617;&#3610;&#3635;&#3619;&#3640;&#3591;-&#3619;&#3606;&#3652;&#3615;&#3615;&#3657;&#3634;&#3651;&#3605;&#3657;&#3604;&#3636;&#3609;" target="_top"><img src="/images/uploads/o_18plmgnio1155p301jasrun10gqa.jpg" alt="" /></a>
                <div class="projectDetail">
                    <div class="cms">
                  </div>
    
                    <div class="projectCopy">
                        <b>&#3648;&#3592;&#3657;&#3634;&#3586;&#3629;&#3591;&#3650;&#3588;&#3619;&#3591;&#3585;&#3634;&#3619; : &#3610;&#3619;&#3636;&#3625;&#3633;&#3607; &#3619;&#3606;&#3652;&#3615;&#3615;&#3657;&#3634;&#3585;&#3619;&#3640;&#3591;&#3648;&#3607;&#3614; &#3592;&#3635;&#3585;&#3633;&#3604;</b>
                        <b></b>
                    </div>
              </div>
            </div>
    
            <div class="projectRate">
                <div class="boxData boxFirstData">
                    <div class="ico"><img src="/images/02/ico-end.png" alt="สิ้นสุดโครงการ" /></div>
                    <b>
                        &#3626;&#3636;&#3657;&#3609;&#3626;&#3640;&#3604;&#3650;&#3588;&#3619;&#3591;&#3585;&#3634;&#3619;
                        <span class="boxTxt1"> 2554 </span>
                    </b>
                </div>
                <div class="boxData">
                    <div class="ico"><img src="/images/02/ico-start.png" alt="เริ่มโครงการ" /></div>
                    <b>
                        &#3648;&#3619;&#3636;&#3656;&#3617;&#3650;&#3588;&#3619;&#3591;&#3585;&#3634;&#3619;
                        <span class="boxTxt1"> 2547 </span>
                    </b>
                </div>
                <div class="boxData">
                    <div class="ico"><img src="/images/02/ico-price.png" alt="มูลค่าโครงการ" /></div>
                    <b>
                        &#3617;&#3641;&#3621;&#3588;&#3656;&#3634;&#3650;&#3588;&#3619;&#3591;&#3585;&#3634;&#3619;
                        <span class="boxTxt1">85</span>
                        &#3621;&#3657;&#3634;&#3609;&#3610;&#3634;&#3607;
                    </b>
                </div>
    
                <div class="clr"></div>
            </div>
            
        </div>
                <div class="boxOneRightProject">
        
            <div class="content">
                <div class="projectCategory">&#3619;&#3632;&#3610;&#3610;&#3586;&#3609;&#3626;&#3656;&#3591;&#3617;&#3623;&#3621;&#3594;&#3609;</div>
                <h3 class="projectName">&#3623;&#3634;&#3591;&#3619;&#3632;&#3610;&#3610;&#3619;&#3634;&#3591;&#3619;&#3606;&#3652;&#3615;&#3615;&#3657;&#3634;&#3617;&#3627;&#3634;&#3609;&#3588;&#3619; </h3>
                <div class="projectNameSub">(&#3585;&#3619;&#3640;&#3591;&#3648;&#3607;&#3614;&#3617;&#3627;&#3634;&#3609;&#3588;&#3619;)</div>
                <a class="projectThumb" href="https://www.ch-karnchang.co.th/th/#/project/detail-highlight/2/&#3619;&#3632;&#3610;&#3610;&#3586;&#3609;&#3626;&#3656;&#3591;&#3617;&#3623;&#3621;&#3594;&#3609;-&#3623;&#3634;&#3591;&#3619;&#3632;&#3610;&#3610;&#3619;&#3634;&#3591;&#3619;&#3606;&#3652;&#3615;&#3615;&#3657;&#3634;&#3617;&#3627;&#3634;&#3609;&#3588;&#3619;" target="_top"><img src="/images/uploads/o_18p2uhbpgt531ao1cn6gmkb45h.jpg" alt="" /></a>
                <div class="projectDetail">
                    <div class="cms">
                                            </div>
    
                    <div class="projectCopy">
                        <b>&#3648;&#3592;&#3657;&#3634;&#3586;&#3629;&#3591;&#3650;&#3588;&#3619;&#3591;&#3585;&#3634;&#3619; : &#3585;&#3634;&#3619;&#3619;&#3606;&#3652;&#3615;&#3615;&#3657;&#3634;&#3586;&#3609;&#3626;&#3656;&#3591;&#3617;&#3623;&#3621;&#3594;&#3609;&#3649;&#3627;&#3656;&#3591;&#3611;&#3619;&#3632;&#3648;&#3607;&#3624;&#3652;&#3607;&#3618;</b>
                        <b></b>
                    </div>
                </div>
            </div>
    
            <div class="projectRate">
                <div class="boxData boxFirstData">
                    <div class="ico"><img src="/images/02/ico-end.png" alt="สิ้นสุดโครงการ" /></div>
                    <b>
                        &#3626;&#3636;&#3657;&#3609;&#3626;&#3640;&#3604;&#3650;&#3588;&#3619;&#3591;&#3585;&#3634;&#3619;
                        <span class="boxTxt1"> 2545 </span>
                    </b>
                </div>
                <div class="boxData">
                    <div class="ico"><img src="/images/02/ico-start.png" alt="เริ่มโครงการ" /></div>
                    <b>
                        &#3648;&#3619;&#3636;&#3656;&#3617;&#3650;&#3588;&#3619;&#3591;&#3585;&#3634;&#3619;
                        <span class="boxTxt1"> 2542 </span>
                    </b>
                </div>
                <div class="boxData">
                    <div class="ico"><img src="/images/02/ico-price.png" alt="มูลค่าโครงการ" /></div>
                    <b>
                        &#3617;&#3641;&#3621;&#3588;&#3656;&#3634;&#3650;&#3588;&#3619;&#3591;&#3585;&#3634;&#3619;
                        <span class="boxTxt1">2,815</span>
                        &#3621;&#3657;&#3634;&#3609;&#3610;&#3634;&#3607;
                    </b>
                </div>
    
                <div class="clr"></div>
            </div>
            
        </div>
                <div class="boxOneRightProject">
        
            <div class="content">
                <div class="projectCategory">&#3619;&#3632;&#3610;&#3610;&#3586;&#3609;&#3626;&#3656;&#3591;&#3617;&#3623;&#3621;&#3594;&#3609;</div>
                <h3 class="projectName">MRTA &#3585;&#3656;&#3629;&#3626;&#3619;&#3657;&#3634;&#3591;&#3629;&#3640;&#3650;&#3617;&#3591;&#3588;&#3660;&#3649;&#3621;&#3632;&#3626;&#3606;&#3634;&#3609;&#3637;&#3619;&#3606;&#3652;&#3615;&#3615;&#3657;&#3634;&#3617;&#3627;&#3634;&#3609;&#3588;&#3619;</h3>
                <div class="projectNameSub">(&#3585;&#3619;&#3640;&#3591;&#3648;&#3607;&#3614;&#3617;&#3627;&#3634;&#3609;&#3588;&#3619;)</div>
                <a class="projectThumb" href="https://www.ch-karnchang.co.th/th/#/project/detail-highlight/3/&#3619;&#3632;&#3610;&#3610;&#3586;&#3609;&#3626;&#3656;&#3591;&#3617;&#3623;&#3621;&#3594;&#3609;-mrta-&#3585;&#3656;&#3629;&#3626;&#3619;&#3657;&#3634;&#3591;&#3629;&#3640;&#3650;&#3617;&#3591;&#3588;&#3660;&#3649;&#3621;&#3632;&#3626;&#3606;&#3634;&#3609;&#3637;&#3619;&#3606;&#3652;&#3615;&#3615;&#3657;&#3634;&#3617;&#3627;&#3634;&#3609;&#3588;&#3619;" target="_top"><img src="/images/uploads/o_18plnaj281um711kl1nm1mo71t13a.jpg" alt="" /></a>
                <div class="projectDetail">
                    <div class="cms">
                                            </div>
    
                    <div class="projectCopy">
                        <b>&#3648;&#3592;&#3657;&#3634;&#3586;&#3629;&#3591;&#3650;&#3588;&#3619;&#3591;&#3585;&#3634;&#3619; : &#3585;&#3634;&#3619;&#3619;&#3606;&#3652;&#3615;&#3615;&#3657;&#3634;&#3586;&#3609;&#3626;&#3656;&#3591;&#3617;&#3623;&#3621;&#3594;&#3609;&#3649;&#3627;&#3656;&#3591;&#3611;&#3619;&#3632;&#3648;&#3607;&#3624;&#3652;&#3607;&#3618;</b>
                        <b></b>
                    </div>
                </div>
            </div>
    
            <div class="projectRate">
                <div class="boxData boxFirstData">
                    <div class="ico"><img src="/images/02/ico-end.png" alt="สิ้นสุดโครงการ" /></div>
                    <b>
                        &#3626;&#3636;&#3657;&#3609;&#3626;&#3640;&#3604;&#3650;&#3588;&#3619;&#3591;&#3585;&#3634;&#3619;
                        <span class="boxTxt1"> 2546 </span>
                    </b>
                </div>
                <div class="boxData">
                    <div class="ico"><img src="/images/02/ico-start.png" alt="เริ่มโครงการ" /></div>
                    <b>
                        &#3648;&#3619;&#3636;&#3656;&#3617;&#3650;&#3588;&#3619;&#3591;&#3585;&#3634;&#3619;
                        <span class="boxTxt1"> 2539 </span>
                    </b>
                </div>
                <div class="boxData">
                    <div class="ico"><img src="/images/02/ico-price.png" alt="มูลค่าโครงการ" /></div>
                    <b>
                        &#3617;&#3641;&#3621;&#3588;&#3656;&#3634;&#3650;&#3588;&#3619;&#3591;&#3585;&#3634;&#3619;
                        <span class="boxTxt1">25,810</span>
                        &#3621;&#3657;&#3634;&#3609;&#3610;&#3634;&#3607;
                    </b>
                </div>
    
                <div class="clr"></div>
            </div>
            
        </div>
            </div>
    
    <div class="boxCtrlRightProject">
        <a class="btnBack" href="javascript:;"><span>arrow</span> &#3585;&#3656;&#3629;&#3609;&#3627;&#3609;&#3657;&#3634;</a>
        <a class="btnNext" href="javascript:;">&#3606;&#3633;&#3604;&#3652;&#3611; <span>arrow</span></a>
    </div>
    
</div><!-- end boxRightProject -->
    
    <!-- start boxOtherPage -->
    <div class="boxOtherPage bgLoading">
    	<div class="boxLoadOtherPage"></div>
    </div>
    <!-- end boxOtherPage -->
    
    <!-- start pageJump -->
    <div id="pageJump"></div>
    <!-- end pageJump -->
    
    <!-- start boxBgOpenSearchProject -->
    <div class="boxBgOpenSearchProject bgLoading">
    	<div class="boxLoadListProject"></div>
    </div>
    <!-- end boxBgOpenSearchProject -->
    
    <!-- start boxBgOpenProject -->
    <div class="boxBgOpenProject bgLoading">
    	<div class="boxLoadContentProject"></div>
    </div>
    <!-- end boxBgOpenProject -->
	
    <!-- start boxPreload -->
	<!--<div class="boxPreload">
    	<div class="boxPos">
            <div class="boxProgress">
                <div class="boxCircle1"></div>
                <input class="dataCircle" type="text" value="0" />
                <b class="txtProgress">0%</b>
                <span class="txtLoading">loading</span>
            </div>
        </div>
    </div>-->
    <!-- end boxPreload --><script src="/vendor/jquery.bxslider/jquery.bxslider.min.js"></script>
<script src="/js/scripts-ir.js"></script>
<style>

html[lang=en] #cookie,
html[lang=th] #cookie {
    font-family: Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    font-size: 14px !important;
    line-height: 1.5;
}

html[lang=en] #cookie .cookie-setting__title,
html[lang=th] #cookie .cookie-setting__title {
    font-family: Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    font-size: 18px !important
}

.cookie-setting__item--highlight html[lang=en] #cookie .cookie-setting__title,
.cookie-setting__item--highlight html[lang=th] #cookie .cookie-setting__title {
    font-size: 20px !important
}

html[lang=en] #cookie .btn,
html[lang=th] #cookie .btn {
    font-family: Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    font-size: 14px !important
}

#cookie {
    z-index: 99999999;
    position: relative
}

#cookie .cookie {
    position: fixed;
    top: 0;
    z-index: 1025;
    overflow: hidden
}

#cookie .cookie .btn {
    display: inline-block;
    min-width: 120px;
    padding: .25rem .5rem;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: transparent;
    line-height: 1.5;
}

#cookie .cookie .btn:hover {
    background-color: rgba(28, 28, 28, .8);
    outline: none
}

#cookie .cookie .btn:focus {
    outline: none
}

#cookie .cookie .btn.btn-light {
    background-color: #0065ed;
    border-color: #0065ed
}

#cookie .cookie .btn.btn-light:hover {
    background-color: #015bd1;
    border-color: #015bd1
}

#cookie .cookie .btn-link {
    display: inline-block;
    text-decoration: underline
}

#cookie .cookie .cookie-notice {
    position: fixed;
    z-index: 1052;
    left: 1rem;
    bottom: .5rem;
    display: none;
    align-items: center;
    width: calc(100% - 4rem);
    padding: .5rem 1rem;
    border-radius: .5rem;
    color: #fff;
    background-color: rgba(28, 28, 28, .8)
}

#cookie .cookie .cookie-notice.cookie-notice--show {
    display: flex;
    display: -ms-flexbox
}

#cookie .cookie .cookie-notice__link {
    color: #fff;
    text-decoration: underline
}

#cookie .cookie .cookie-notice__link:hover {
    color: #fff
}

#cookie .cookie .cookie-notice__icon {
    font-size: 28px;
    padding-right: 1rem
}

#cookie .cookie .cookie-notice__text {
    flex-grow: 1
}

#cookie .cookie .cookie-notice__button {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center;
    margin: auto 0;
    padding-left: .5rem
}

#cookie .cookie .cookie-notice__button a {
    margin-left: .5rem
}

@media(max-width: 767px) {
    #cookie .cookie .cookie-notice {
        flex-direction: column
    }

    #cookie .cookie .cookie-notice__button {
        padding: 0 .5rem 0 0
    }

    #cookie .cookie .cookie-notice__text {
        margin-bottom: .75rem
    }
}

#cookie .cookie-setting {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1054;
    width: 100%;
    height: 100vh;
    color: #fff;
    background-color: rgba(28, 28, 28, .8);
    transition: .2s ease all;
    transform: translateX(-100%)
}

@media(min-width: 576px) {
    #cookie .cookie-setting {
        width: 60vw
    }
}

@media(min-width: 992px) {
    #cookie .cookie-setting {
        width: 50vw
    }
}

@media(min-width: 1200px) {
    #cookie .cookie-setting {
        width: 25vw
    }
}

#cookie .cookie-setting--show {
    transform: translateX(0)
}

#cookie .cookie-setting__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0.5rem 1.5rem;
    overflow: auto
}

#cookie .cookie-setting__item:nth-child(n+2) {
    margin-top: 1.5rem
}

#cookie .cookie-setting__item--highlight {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #fff
}

#cookie .cookie-setting__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .5rem
}

#cookie .cookie-setting__title {
    margin-bottom: 0;
    color: #fff;
}

#cookie .cookie-setting__remark {
    color: #7acea3
}

#cookie .cookie-setting__close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 50;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-size: 26px;
    color: #fff;
    border: 1px solid #fff;
    background-color: rgba(28, 28, 28, .8);
    border-radius: 4px
}

#cookie .cookie-setting__close:hover {
    text-decoration: none
}

#cookie .cookie-setting__body {
    margin-bottom: 1rem
}

#cookie .cookie-button {
    position: relative;
    display: block;
    width: 50px;
    height: 25px;
    cursor: pointer;
    overflow: hidden
}

#cookie .cookie-button:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fb8484;
    border-radius: 1rem
}

#cookie .cookie-button__point {
    position: absolute;
    top: 2px;
    bottom: 0;
    left: 2px;
    display: block;
    width: 17px;
    height: 17px;
    margin: 2px;
    background-color: #7d7d7d;
    border: 2px solid #7d7d7d;
    border-radius: 20px;
    transform: translateX(0);
    transition: all .2s ease-in 0s
}

#cookie .cookie-button--active:before {
    background-color: #7acea3
}

#cookie .cookie-button--active .cookie-button__point {
    left: 100%;
    transform: translateX(calc(-100% - 4px))
}

#cookie .cookie--backdrop {
    height: 100vh;
    width: 100vw
}

#cookie .cookie--backdrop:before {
    content: "";
    position: absolute;
    z-index: 1054;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6)
}

#cookie .cookie--theme-2 .cookie-setting {
    top: 0;
    left: 100%;
    transform: translateX(0)
}

#cookie .cookie--theme-2 .cookie-setting--show {
    transform: translateX(-100%)
}

/* repsonsive helper */
@media (min-width: 1200px){
    .d-xl-block {
        display: block !important;
    }
}

@media (min-width: 768px){
    .mb-md-0, .my-md-0 {
        margin-bottom: 0 !important;
    }
}

.mr-2, .mx-2 {
    margin-right: 0.5rem !important;
}

</style>

<link rel="stylesheet" href="/vendor/fontawesome/css/all.css">

<script src="/vendor/parse-domain.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.js" integrity="sha256-ufGElb3TnOtzl5E4c/qQnZFGP+FYEZj5kbSEdJNrw0A=" crossorigin="anonymous"></script>
<script src="https://unpkg.com/vue-cookies@1.7.0/vue-cookies.js" integrity="sha384-7dyx+Oq2yUdkYNiOWIuasOrgSbsm4yDHY84Or4BTreZitacvjz9n7q/yLMTXadXI" crossorigin="anonymous"></script>
    

<script>
    // setting
    var cookieSetting = {
        'accept': "1d",
        'reject': "1d",
        'cookie-performance': "0"
    } 
</script>

<div id="cookie">
    <div class="cookie cookie--theme-1" :class="{ 'cookie--backdrop' : showSettings}">
        <div class="cookie-notice" :class="{ 'cookie-notice--show': showCookieBar }">
            <div class="cookie-notice__icon">
                <i class="far fa-cookie-bite"></i>
            </div>
            <div class="cookie-notice__text">
                <p class='mb-md-0'>เว็บไซต์นี้มีการจัดเก็บคุกกี้เพื่อเพิ่มประสิทธิภาพในการใช้งานของท่าน และการมอบบริการที่ดีที่สุดจากเรา กรุณากดยอมรับ<span class='d-xl-block'>คุณสามารถเรียนรู้เพิ่มเติมเกี่ยวกับการใช้งานคุกกี้ของเราได้ที่ <a class='cookie-notice__link' href='https://ck-th.listedcompany.com/cookies_policy.html' target='_self'>นโยบายการใช้คุกกี้</a></span></p>
            </div>
            <div class="cookie-notice__button">
                <!-- <a class="btn btn--link" @click="rejectCookie" href="javascript:;" target="_self">ยอมรับทั้งหมด</a> -->
                <a class="btn btn-outline mr-2" @click="toggleSetting" href="javascript:;" target="_self">การตั้งค่าคุกกี้</a>
                <a class="btn btn-light" @click="acceptCookie" href="javascript:;" target="_self">ยอมรับทั้งหมด</a>
            </div>
        </div>

        <div class="cookie-setting" :class="{ 'cookie-setting--show' : showSettings }">
            <a class="cookie-setting__close" @click="toggleSetting" href="javascript:;" target="_self">&times;</a>
            <div class="cookie-setting__wrapper">
                <div class="cookie-setting__item cookie-setting__item--highlight">
                    <div class="cookie-setting__header">
                        <h2 class="cookie-setting__title">ศูนย์การตั้งค่าความเป็นส่วนตัว</h2>
                    </div>
                    <div class="cookie-setting__body">เมื่อท่านเข้าชมเว็บไซต์ของเรา อาจมีการจัดเก็บหรือกู้คืนข้อมูลจากเบราว์เซอร์ของท่านในรูปแบบของคุกกี้ ข้อมูลเหล่านี้อาจเป็นข้อมูลเกี่ยวกับท่าน ความชอบของท่าน หรืออุปกรณ์ของท่าน ซึ่งส่วนมากจะถูกใช้เพื่อทำให้เว็บไซต์สามารถทำงานได้ตามที่ท่านคาดหวัง ข้อมูลเหล่านี้มักไม่ได้ระบุถึงตัวท่านอย่างเฉพาะเจาะจง แต่สามารถให้ประสบการณ์การท่องเว็บแบบปรับแต่งเฉพาะสำหรับท่านมากขึ้น เราเคารพในสิทธิความเป็นส่วนตัวของท่าน โดยให้ท่านสามารถเลือกไม่อนุญาตการทำงานของคุกกี้บางประเภทได้ ท่านสามารถคลิกบนหัวข้อชื่อคุกกี้แต่ละประเภทเพื่อเรียนรู้เพิ่มเติมและปรับเปลี่ยนการตั้งค่าได้ ทั้งนี้ การปิดการใช้งานคุกกี้บางประเภทอาจส่งผลกระทบต่อประสบการณ์การใช้งานเว็บหรือบริการที่เราได้เสนอให้แก่ท่านได้ <a style='color: #fff;' href='https://www.ch-karnchang.co.th/assets/file/ck-website-user-personal-data-protection-policy.pdf' target='_blank'>รายละเอียดเพิ่มเติม</a>                        <!-- <a class="btn-link text-white" href="javascript:;" target="_self">รายละเอียดเพิ่มเติม</a> -->
                    </div>
                </div>
                <div class="cookie-setting__item">
                    <div class="cookie-setting__header">
                        <h5 class="cookie-setting__title">คุกกี้ที่จำเป็น<br>(Strictly Necessary Cookies)                        </h5>
                    </div>
                    <div class="cookie-setting__body">
                        <div class="cookie-setting__remark">เปิดใช้งานตลอดเวลา</div>คุกกี้ประเภทนี้มีความจำเป็นต่อการทำงานของเว็บไซต์ เพื่อให้เว็บไซต์สามารถทำงานได้เป็นปกติ มีความปลอดภัย และทำให้ท่านสามารถเข้าใช้เว็บไซต์ได้ เช่น การ log in เข้าสู่เว็บไซต์ การยืนยันตัวตน ทั้งนี้ ท่านไม่สามารถปิดการใช้งานของคุกกี้ประเภทนี้ผ่านระบบของเว็บไซต์ของเราได้                    </div>
                </div>
                <div class="cookie-setting__item">
                    <div class="cookie-setting__header">
                        <h5 class="cookie-setting__title">คุกกี้เพื่อการวิเคราะห์<br>(Analytic Cookies)                        </h5>
                        <div class="cookie-setting__checker">
                            <a class="cookie-button ml-auto" @click="toggleCookiePerformance" :class="{ 'cookie-button--active': enableCookiePerformance }" href="javascript:;" target="_self">
                                <span class="cookie-button__point"></span>
                            </a>
                        </div>
                    </div>
                    <div class="cookie-setting__body">คุกกี้ประเภทนี้จะเก็บข้อมูลการใช้งานเว็บไซต์ของท่าน เพื่อให้เราสามารถวัดผล ประเมิน ปรับปรุง และพัฒนาเนื้อหาสินค้า/บริการและเว็บไซต์ของเราเพื่อเพิ่มประสบการณ์ที่ดีในการใช้เว็บไซต์ของท่าน ทั้งนี้ หากท่านไม่ยินยอมให้เราใช้คุกกี้ประเภทนี้ เราจะไม่สามารถวัดผล ประเมิน และพัฒนาเว็บไซต์ได้                    </div>
                </div>
                <div class="cookie-setting__item">
                    <div class="cookie-setting__body">
                        <a class="btn btn-outline mr-2" @click="onSave()" href="javascript:;" target="_self">ยืนยันตัวเลือกของฉัน</a>
                        <a class="btn btn-light" @click="acceptCookie" href="javascript:;" target="_self">ยอมรับทั้งหมด</a>
                    </div>
                </div>
            </div>
        </div>

    </div>

    <gtm :cookie-performance="cookiePerformance" tracking="GTM-5Q9NRGQ"></gtm>
   
</div>

<script>
    if(document.getElementById("cookie")){

        Vue.component('gtm', {
            props: ['tracking', 'cookiePerformance'],
            template: `<span></span>`,
            watch: {
                cookiePerformance(value)
                {              
                    this.appendScript();     
                }
            },
            methods: {
                appendScript() {  
                    if(this.$cookies.isKey('cookie-performance') && this.tracking !== undefined && this.tracking != '') {
                        try {
                            let script = document.createElement('script');
                            script.innerHTML = `(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
                            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
                            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                            })(window,document,'script','dataLayer','${this.tracking}');`
                            document.head.appendChild(script);
            
                            let iframe = document.createElement('noscript')
                            iframe.innerHTML = `<iframe src="https://www.googletagmanager.com/ns.html?id=${this.tracking}" height="0" width="0"
                            style="display:none;visibility:hidden"></iframe>`
                            document.head.appendChild(iframe);
                        } catch (error) {
                            console.log(error);                    
                        }
                    
                    }
                }
            }
            
        });

        let vueInstant = new Vue({
            el: '#cookie',
            data() {
                return {
                    showCookieBar: true,
                    showSettings: false,
                    acceptExpire: '1d',
                    rejectExpire: '1d',

                    /* add 3rd party cookies */
                    enableCookiePerformance: false,
                    cookiePerformance: false,
                }
            },

            mounted() {
                this.showCookieBar = this.$cookies.isKey('cookie-policy') ? false : true;
                this.init();
            },

            methods: {
                init()
                {
                    this.acceptExpire = cookieSetting['accept'];
                    this.rejectExpire = cookieSetting['reject'];

                    this.cookiePerformance = this.getCookiePerformance();
                    this.enableCookiePerformance = this.cookiePerformance;

                    if(this.cookiePerformance && !this.$cookies.isKey('cookie-policy'))
                    {
                        this.$cookies.set('cookie-performance', true, this.acceptExpire);
                    }
                },

                getCookiePerformance()
                {
                    if(this.$cookies.isKey('cookie-performance')){
                        return this.$cookies.get('cookie-performance')
                    } else {
                        return cookieSetting['cookie-performance'] == "1" ? true : false;
                    }
                },

                toggleSetting()
                {
                    this.showSettings = !this.showSettings;
                },

                toggleCookiePerformance()
                {
                    this.enableCookiePerformance = !this.enableCookiePerformance;
                },

                acceptCookie(value)
                {
                    this.enableCookiePerformance = true;
                    this.onSave(this.acceptExpire);
                },

                rejectCookie()
                {
                    this.enableCookiePerformance = false;
                    this.onSave(this.rejectExpire);
                },

                onSave(expire)
                {
                    this.showSettings = false;
                    this.showCookieBar = false;
                    if(typeof expire == undefined || expire == '') {
                        expire = this.acceptExpire;
                    }

                    // define 3rd party cookies
                    this.cookiePerformance = this.enableCookiePerformance;
                    if(this.cookiePerformance)
                    {
                        this.$cookies.set('cookie-performance', true, this.acceptExpire);
                    } else {                        
                        this.removeAnalyticCookies();
                    }

                    // necessary cookies
                    this.$cookies.set('cookie-policy', true, expire)
                },

                removeAnalyticCookies()
                {
                    let domain = window.location.hostname;
                    domain = psl.parse(domain).domain;

                    let cookies = this.$cookies.keys(); 

                    for(key of cookies) {   
                        
                        // remove associate piwik
                        if(key.includes('_pk')) {
                            this.$cookies.remove(key);
                        }
                        // remove associate google
                        if(key.includes('_g') || key.includes('__utm')) {
                            this.$cookies.remove(key, '/', domain);                            
                        }
                    };

                    this.$cookies.remove('cookie-performance');
                }


            },
        });

        
    }

</script>
</body>
</html>