<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">p.note.c-white.a-center {
    font-size: 16px;
    margin-top: 40px;
    font-weight: 400;
}
.sc-inner.sec1{
	padding-bottom: 0 !important;
}
.tbcell.v-middle.c-white {
    padding-right: 80px;
}
.sc-inner.sec2{
	background-image: url(../img/_Asset/Object/PC/object1.png)!important;
	background-size: 228px,265px !important;
	background-repeat: no-repeat;
	background-position:left!important;
}
.image-hand {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
	width: 265px;
}
.image-hand.sec2{
	bottom: 75px;
}
.sc-product.sec1{
	position: relative;
	padding-bottom: 50px;
}
.sc-inner.sec2{
    height: 100%;
    max-height: 400px;
}
.sc-product.productdetec{
    display: flex;
    justify-content: space-between;
    align-items: center;
	position: relative;
}
.wrap-right {
    /* text-align: center; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.sec2-text-right{
    font-size: 16px;
    color: #ffffff;
}
.circle2:after {
    content: '';
    border-bottom: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    display: inline-block;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate( 
-45deg
 );
    -ms-transform: rotate(-45deg);
    transform: rotate( 
-45deg
 );
    visibility: visible;
    position: absolute;
    top: 10px;
    left: 9px;
}
.circle2 {
    border-radius: 50%;
    background: #00a950;
    margin-left: 10px;
    width: 30px;
    color: #00a950;
    height: 30px;
    line-height: 30px;
    font-size: 10px;
    position: relative;
}
a.btn.btn-radius2{
    /* Style for "Rectangle" */
width: 250px;
height: 50px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
border-radius: 25px;
background-color: #ffffff;
font-size: 16px;
color: #00a94f !important;
}
a.btn.btn-radius2{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}
a.btn.btn-radius{
    /* Style for "Rectangle" */
width: 250px;
height: 50px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
border-radius: 25px;
background-color: #00a94f;
}
.circle {
    border-radius: 50%;
    background: white;
    margin-left: 10px;
    width: 30px;
    color: #00a950;
    height: 30px;
    line-height: 30px;
    font-size: 10px;
    position: relative;
}
.content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.circle:after {
    content: '';
    border-bottom: 2px solid #00a950;
    border-right: 2px solid #00a950;
    display: inline-block;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(
-45deg
);
    -ms-transform: rotate(-45deg);
    transform: rotate(
-45deg
);
    visibility: visible;
    position: absolute;
    top: 10px;
    left: 9px;
}
a.btn.btn-radius{
    display: flex;
    justify-content: center;
    align-items: center;
}
.action-form{
    margin-top: 145px;
    display: flex;
    justify-content: center;
}
.img-section2{
    width: 100%;
    max-width: 540px !important;
}
.image-sec2{
    width: 540px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
section#condition {
    padding-bottom: 75px;
}
.section2-heading{
    display: flex;
    align-items: center;
    margin-left: 5px;
    margin-top: 100px;
}
.section1-text-heading{
    font-size: 45px;
    font: 700;
    color: #124234;
    font-family: 'DBThaiTextXBd', Helvetica, Arial, sans-serif;
}
.section1-heading{
    display: flex;
    align-items: center;
    margin-left: 5px;
}
.section1-img-heading {
    position: relative;
    top: -6px;
}
.section1-img-heading{
width: 112px;
margin-right: 20px;
}
.top-special{
    margin-top: 22px;
}
@media screen and (max-width:1024px){
	.tbcell.v-middle.c-white{
		padding-right: 0;
	}
	.sc-product.sec1 {
		text-align: center;
	}
}
@media screen and (max-width: 768px) {
	.main {
		padding-top: 0;
	}
    h1.h2.heading{
        font-size: 45px;
    }
    h3.c-green{
        font-size: 35px;
    }
    .top-special p{
        font-size: 16px;
    }
    p.section1-text-heading {
        line-height: 30px;
        width: 420px;
        font-size: 35px;
    }
    .section2-heading{
        margin-top: 40px;
    }
    .action-form {
        margin-top: 50px;
        display: flex;
        justify-content: center;
    }
    .section.section-product2 .product-content .tbcell {
        display: block;
        text-align: center;
    }
    .section.section-product2 .product-content .tbcell:first-child img {
        margin-top: -20px;
        padding: 0 15px;
    }
    .tb{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    img.image-sec2{
        margin-top: 35px;
    }
    .sc-inner.sec2{
        max-height: 100%;
    }
    .content{
        margin-top: 50px;
    }
}
@media screen and (max-width:767px){
	.tbcell.v-middle.c-white {
		padding-right: 0;
	}
	.image-hand{
		display: none;
	}
	.image-hand2{
		display: none;
	}
	.sc-product.sec1{
		background-image: none;
	}
    .sc-inner.sec1{
        background-image: url(../img/_Asset/Object/Mobile/object1.png),url(../img/_Asset/Object/Mobile/object2.png)!important;
        background-size:220px,165px !important;
        background-repeat: no-repeat !important;
        background-position:left bottom,right bottom !important;
    }
    .section-product .sc-inner.sec2 {
        background-color: #164638;
        background-image: url(../img/_Asset/Object/Mobile/object1.png),url(../img/_Asset/Object/Mobile/object2.png) !important;
        background-size: 220px,165px !important;
        background-repeat: no-repeat !important;
        background-position: left bottom,right bottom !important;
        margin-top: 80px;
        padding-bottom: 30px;
	}
    .sc-product {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    h1.h2.heading{
        font-size: 45px;
    }
    h3.c-green{
        font-size: 35px;
    }
    .top-special p{
        font-size: 16px;
    }
    p.section1-text-heading {
        line-height: 30px;
        width: 420px;
        font-size: 35px;
    }
    .section2-heading{
        margin-top: 40px;
    }
    .action-form {
        margin-top: 50px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    a.btn.btn-radius{
        margin-bottom: 40px;
        margin-right: 0 !important;
    }
    .section.section-product2 .product-content .tbcell {
        display: block;
        text-align: center;
    }
    .section.section-product2 .product-content .tbcell:first-child img {
        margin-top: -20px;
        padding: 0 15px;
    }
    .tb{
        display: flex;
        flex-direction: column;
    }
    img.image-sec2{
        margin-top: 35px;
    }
    .sc-inner.sec2{
        max-height: 100%;
    }
    .content{
        margin-top: 50px;
    }
}

@media screen and (min-width: 320px) {
	.line-l {
		position: relative;
	}

	.line-l:before {
		content: '';
		width: 5px;
		height: 100%;
		background-color: #14928e;
		position: absolute;
		left: -15px;
		top: 0;
	}

	.art-headline.line-l:before {
		content: '';
		width: 8px;
	}

	.one-column .column-main {
		padding: 30px 0 0;
	}

	.c-green2 {
		color: #14928e !important;
	}

	.entrycontent h4.catagory {
		margin-bottom: 0;
		font-size: 24px;
		line-height: 1;
		color: #14928e !important;
	}

	.art-headline h1.heading {
		padding-bottom: 8px;
		margin-bottom: 8px;
		border-bottom: 1px solid #d9d9d9;
	}

	p.date img {
		width: 14px;
		position: relative;
		top: -2px;
		margin-right: 5px;
	}

	.accordion-title.line-l {
		font-family: 'DBThaiTextXBd', Helvetica, Arial, sans-serif;
		font-size: 24px;
		line-height: 1;
		padding-top: 11px;
		padding-bottom: 10px;
	}

	.accordion-title {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.accordion-title.line-l:after,
	.accordion-title.line-l:hover,
	.accordion-title.line-l.active,
	.accordion-title.line-l {
		color: #14928e !important;
	}

	.accordion-title.active,
	.accordion-title {
		color: #6a6a6a !important;
	}

	.inner {
		width: 100%;
		max-width: 820px;
		margin: 0 auto;
	}

	.accordion-title:after {
		content: '';
		border-bottom: 2px solid #6a6a6a;
		border-right: 2px solid #6a6a6a;
		display: inline-block;
		width: 8px;
		height: 8px;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		visibility: visible;
		position: absolute;
		top: 20px;
	}

	.accordion-title.active:after {
		content: '';
		-webkit-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
		transform: rotate(-135deg);
		top: 24px;
	}

	.accordion-title.line-l:after {
		content: '';
		top: 18px;
		border-bottom: 2px solid #14928e;
		border-right: 2px solid #14928e;
	}

	.accordion-title.line-l.active:after {
		content: '';
		top: 22px;
	}

	.entrycontent ul:last-child {
		margin-bottom: 0;
	}

	.column-main {
		margin: 40px 0 0;
	}

	.section-product {
		margin: 40px 0 0;
	}

	.section-product .sc-inner {
        background-color: #164638;
        background-image: url(../img/_Asset/Object/PC/object1.png);
        background-size: 565px;
        background-repeat: no-repeat;
        background-position: left;
        margin-top: 80px;
        padding-bottom: 30px;
	}
	.sc-product {
		font-size: 0;
		margin-top: -120px;
		margin-bottom: 20px;
	}

	.list-product {
		width: 100%;
		max-width: 318px;
		display: inline-block;
	}

	.list-product a {
		display: inline-block;
		padding: 10px 10px;
	}

	.list-product img {
		width: 100%;
		max-width: 318px;
	}

	.title-bar {
		padding: 12px 0;
		border-bottom: 1px solid #e5e5e5;
	}

	.section-faq .accordion {
		border-bottom: 1px solid #e5e5e5;
	}

	.entrycontent .title-bar h3 {
		margin-bottom: 0;
		line-height: 1;
	}

	.section-faq {
		background-color: #f2f3f7;
		padding-bottom: 75px;
	}

	.section-download {
		background-color: #173c41;
	}

	.section-download .sc-inner {
		padding-bottom: 40px;
	}

	.box-download {
		background-color: #00a94f;
		margin-top: -115px;
		font-size: 0;
		text-align: center;
		padding: 30px 10px 40px;
	}

	.box-download p {
		font-size: 16px;
		color: #fff;
	}

	.box-download a {
		display: inline-block;
		width: 100%;
		max-width: 143px;
		margin: 10px 5px;
	}

	.box-download a:last-child {
		width: 100%;
		max-width: 153px;
	}

	.sc-share {
		margin: 20px 0 0;
		text-align: center;
		color: #fff;
	}

	.sc-share img {
		width: 24px;
		margin-right: 5px;
		position: relative;
		top: -1px;
	}

	.icw a.share-alt {
		color: #fff;
		text-decoration: none;
	}

	.icw a.share-alt:hover {
		text-decoration: underline;
	}

	.visible-xs {
		margin: 20px 0;
		text-align: center;
	}

	.btn-tel {
		border-radius: 20px;
		border: 2px solid #00a94f;
		width: 100%;
		display: block;
		max-width: 140px;
		text-align: center;
		padding: 7px 10px 5px;
		margin-top: 10px;
	}

	.entrycontent a.btn-tel {
		text-decoration: none;
	}

	.btn-tel img {
		width: 24px;
		position: relative;
		top: -2px;
		margin-right: 5px;
	}

	.sc-fix.fixed {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
	}

	.sc-fix {
		box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.08);
		background-color: #00a94f;
		text-align: center;
		padding: 10px 10px;
	}

	.icw .sc-fix a.btn {
		text-align: center;
		border-radius: 25px;
		border: 2px solid #ffffff;
		min-width: 150px;
		padding: 10px 15px;
		margin: 10px 5px;
	}

	.icw .sc-fix a.btn:nth-child(2) {
		background-color: #fff;
		border: 2px solid #00a94f;
		color: #00a94f !important;
	}

	.article {
		padding-bottom: 0;
	}


}

@media screen and (min-width: 767px) {
	.list-product {
		width: calc(100% / 2 - 20px);
	}

	.article .art-banner {
		margin-top: 0;
	}

	.box-download a {
		max-width: 163px;
	}

	.box-download a:last-child {
		max-width: 173px;
	}

	.box-download {
		margin-top: -135px;
	}

	.sc-share img {
		top: -2px;
	}

	.btn-tel {
		border-radius: 0;
		border: 0;
		width: auto;
		display: inline-block;
		max-width: inherit;
		text-align: left;
		padding: 0;
		margin-top: 0;
	}

	.sc-fix,
	.sc-fix.fixed {
		display: none;
	}
}

@media screen and (min-width: 991px) {
	.list-product {
		width: calc(100% / 3 - 20px);
	}
}
</pre></body></html>