.channel-html {
	font-weight: normal;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

.channel-html, .channel-html:before, .channel-html:after, .channel-html *, .channel-html *:before, .channel-html *:after {
	box-sizing: content-box;
	margin: 0;
	padding: 0;
	float: initial;
	pointer-events: auto;
	letter-spacing: normal;
}

.channel-html *, .channel-html *:before, .channel-html *:after {
	float: inherit;
	font-size: 1em;
	font-family: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	text-align: inherit;
}

.channel-html div, .channel-html figure, .channel-html section {
	display: block;
}

.channel-html img {
	border: 0;
	vertical-align: middle;
}

.channel-html ul {
	list-style: none;
}

.channel-html {
	font-synthesis: none;
	-moz-font-feature-settings: "kern";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	direction: ltr;
	text-align: left;
}

.channel-html {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif, "SF Pro Icons";
}

.channel-html:lang(th) {
	font-family: "Sukhumvit Set", system-ui, -apple-system, BlinkMacSystemFont,
		"Segoe UI", "Helvetica Neue", "Helvetica", "Arial", sans-serif,
		"SF Pro Icons";
}

.channel-html html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

.channel-html body {
	margin: 0;
	padding: 0;
}

.channel-html ul, .channel-html li, .channel-html dd, .channel-html h1, .channel-html h2, .channel-html h3, .channel-html h4, .channel-html h5, .channel-html h6, .channel-html p, .channel-html figure {
	margin: 0;
	padding: 0;
}

.channel-html :focus {
	outline: 4px solid rgba(0, 125, 250, 0.6);
	outline-offset: 1px;
}

.channel-html :focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), .channel-html :focus[data-focus-method="touch"]:not(input):not(textarea):not(select) {
	outline: none;
}

.channel-html ::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.channel-html html {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif, "SF Pro Icons";
	font-size: 106.25%;
	quotes: "“" "”";
}

.channel-html [lang]:lang(th) {
	font-family: "Sukhumvit Set", system-ui, -apple-system, BlinkMacSystemFont,
		"Segoe UI", "Helvetica Neue", "Helvetica", "Arial", sans-serif,
		"SF Pro Icons";
}

.channel-html body {
	font-size: 17px;
	line-height: 1.4705882353;
	font-weight: 400;
	letter-spacing: 0em;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif, "SF Pro Icons";
	background-color: rgb(255, 255, 255);
	color: rgb(29, 29, 31);
	font-style: normal;
}

.channel-html body:lang(th) {
	line-height: 1.3529611765;
	letter-spacing: 0em;
	font-family: "Sukhumvit Set", system-ui, -apple-system, BlinkMacSystemFont,
		"Segoe UI", "Helvetica Neue", "Helvetica", "Arial", sans-serif,
		"SF Pro Icons";
}

.channel-html body {
	font-synthesis: none;
	-moz-font-feature-settings: "kern";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	direction: ltr;
	text-align: left;
}

.channel-html h1, .channel-html h2, .channel-html h3, .channel-html h4, .channel-html h5, .channel-html h6 {
	font-weight: 600;
	color: rgb(29, 29, 31);
}

.channel-html h1 img, .channel-html h2 img, .channel-html h3 img, .channel-html h4 img, .channel-html h5 img, .channel-html h6 img {
	display: block;
	margin: 0;
}

.channel-html h1 + *, .channel-html h2 + *, .channel-html h3 + *, .channel-html h4 + *, .channel-html h5 + *, .channel-html h6 + * {
	margin-top: 0.8em;
}

.channel-html h1 + h1, .channel-html h1 + h2, .channel-html h1 + h3, .channel-html h1 + h4, .channel-html h1 + h5, .channel-html h1 + h6, .channel-html h2 + h1, .channel-html h2 + h2, .channel-html h2 + h3, .channel-html h2 + h4, .channel-html h2 + h5, .channel-html h2 + h6, .channel-html h3 + h1, .channel-html h3 + h2, .channel-html h3 + h3, .channel-html h3 + h4, .channel-html h3 + h5, .channel-html h3 + h6, .channel-html h4 + h1, .channel-html h4 + h2, .channel-html h4 + h3, .channel-html h4 + h4, .channel-html h4 + h5, .channel-html h4 + h6, .channel-html h5 + h1, .channel-html h5 + h2, .channel-html h5 + h3, .channel-html h5 + h4, .channel-html h5 + h5, .channel-html h5 + h6, .channel-html h6 + h1, .channel-html h6 + h2, .channel-html h6 + h3, .channel-html h6 + h4, .channel-html h6 + h5, .channel-html h6 + h6 {
	margin-top: 0.4em;
}

p + .channel-html h1, ul + .channel-html h1, p + .channel-html h2, ul + .channel-html h2, p + .channel-html h3, ul + .channel-html h3, p + .channel-html h4, ul + .channel-html h4, p + .channel-html h5, ul + .channel-html h5, p + .channel-html h6, ul + .channel-html h6 {
	margin-top: 1.6em;
}

.channel-html p + *, .channel-html ul + * {
	margin-top: 0.8em;
}

.channel-html ul {
	margin-left: 1.1764705882em;
}

.channel-html ul ul {
	margin-top: 0;
	margin-bottom: 0;
}

.channel-html li li {
	font-size: 1em;
}

.channel-html a {
	color: rgb(0, 102, 204);
	letter-spacing: inherit;
}

.channel-html a:link, .channel-html a:visited {
	text-decoration: none;
}

.channel-html a:hover {
	text-decoration: underline;
}

.channel-html a:active {
	text-decoration: none;
}

.channel-html a:disabled {
	opacity: 0.32;
}

.channel-html b {
	font-weight: 600;
}

.channel-html i {
	font-style: italic;
}

.channel-html .row {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
}

.channel-html .column {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	min-width: 0px;
}

.channel-html .large-1 {
	flex-basis: 8.3333333333%;
	max-width: 8.3333333333%;
}

.channel-html .large-2 {
	flex-basis: 16.6666666667%;
	max-width: 16.6666666667%;
}

.channel-html .large-3 {
	flex-basis: 25%;
	max-width: 25%;
}

.channel-html .large-4 {
	flex-basis: 33.3333333333%;
	max-width: 33.3333333333%;
}

.channel-html .large-5 {
	flex-basis: 41.6666666667%;
	max-width: 41.6666666667%;
}

.channel-html .large-6 {
	flex-basis: 50%;
	max-width: 50%;
}

.channel-html .large-7 {
	flex-basis: 58.3333333333%;
	max-width: 58.3333333333%;
}

.channel-html .large-8 {
	flex-basis: 66.6666666667%;
	max-width: 66.6666666667%;
}

.channel-html .large-9 {
	flex-basis: 75%;
	max-width: 75%;
}

.channel-html .large-10 {
	flex-basis: 83.3333333333%;
	max-width: 83.3333333333%;
}

.channel-html .large-11 {
	flex-basis: 91.6666666667%;
	max-width: 91.6666666667%;
}

.channel-html .large-12 {
	flex-basis: 100%;
	max-width: 100%;
}

@media only screen and (max-width: 1068px) {
	.channel-html .medium-1 {
		flex-basis: 8.3333333333%;
		max-width: 8.3333333333%;
	}

	.channel-html .medium-2 {
		flex-basis: 16.6666666667%;
		max-width: 16.6666666667%;
	}

	.channel-html .medium-3 {
		flex-basis: 25%;
		max-width: 25%;
	}

	.channel-html .medium-4 {
		flex-basis: 33.3333333333%;
		max-width: 33.3333333333%;
	}

	.channel-html .medium-5 {
		flex-basis: 41.6666666667%;
		max-width: 41.6666666667%;
	}

	.channel-html .medium-6 {
		flex-basis: 50%;
		max-width: 50%;
	}

	.channel-html .medium-7 {
		flex-basis: 58.3333333333%;
		max-width: 58.3333333333%;
	}

	.channel-html .medium-8 {
		flex-basis: 66.6666666667%;
		max-width: 66.6666666667%;
	}

	.channel-html .medium-9 {
		flex-basis: 75%;
		max-width: 75%;
	}

	.channel-html .medium-10 {
		flex-basis: 83.3333333333%;
		max-width: 83.3333333333%;
	}

	.channel-html .medium-11 {
		flex-basis: 91.6666666667%;
		max-width: 91.6666666667%;
	}

	.channel-html .medium-12 {
		flex-basis: 100%;
		max-width: 100%;
		padding-top: 10px;
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .small-1 {
		flex-basis: 8.3333333333%;
		max-width: 8.3333333333%;
	}

	.channel-html .small-2 {
		flex-basis: 16.6666666667%;
		max-width: 16.6666666667%;
	}

	.channel-html .small-3 {
		flex-basis: 25%;
		max-width: 25%;
	}

	.channel-html .small-4 {
		flex-basis: 33.3333333333%;
		max-width: 33.3333333333%;
	}

	.channel-html .small-5 {
		flex-basis: 41.6666666667%;
		max-width: 41.6666666667%;
	}

	.channel-html .small-6 {
		flex-basis: 50%;
		max-width: 50%;
	}

	.channel-html .small-7 {
		flex-basis: 58.3333333333%;
		max-width: 58.3333333333%;
	}

	.channel-html .small-8 {
		flex-basis: 66.6666666667%;
		max-width: 66.6666666667%;
	}

	.channel-html .small-9 {
		flex-basis: 75%;
		max-width: 75%;
	}

	.channel-html .small-10 {
		flex-basis: 83.3333333333%;
		max-width: 83.3333333333%;
	}

	.channel-html .small-11 {
		flex-basis: 91.6666666667%;
		max-width: 91.6666666667%;
	}

	.channel-html .small-12 {
		flex-basis: 100%;
		max-width: 100%;
	}
}

.channel-html body {
	min-width: 320px;
}

.channel-html .large-show {
	display: block;
}

@media only screen and (max-width: 1068px) {
	.channel-html .medium-show {
		display: block;
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .small-show {
		display: block;
	}
}

.channel-html .typography-intro-elevated {
	font-size: 24px;
	line-height: 1.3334133333;
	font-weight: 400;
	letter-spacing: 0em;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif, "SF Pro Icons";
}

.channel-html .typography-intro-elevated:lang(th) {
	line-height: 1.375;
	font-family: "Sukhumvit Set", system-ui, -apple-system, BlinkMacSystemFont,
		"Segoe UI", "Helvetica Neue", "Helvetica", "Arial", sans-serif,
		"SF Pro Icons";
}

@media only screen and (max-width: 1068px) {
	.channel-html .typography-intro-elevated {
		font-size: 21px;
		line-height: 1.381002381;
		font-weight: 400;
		letter-spacing: 0em;
		font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif, "SF Pro Icons";
	}

	.channel-html .typography-intro-elevated:lang(th) {
		line-height: 1.381002381;
		font-family: "Sukhumvit Set", system-ui, -apple-system,
			BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Helvetica",
			"Arial", sans-serif, "SF Pro Icons";
	}
}

.channel-html .typography-intro {
	font-size: 21px;
	line-height: 1.381002381;
	font-weight: 400;
	letter-spacing: 0em;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif, "SF Pro Icons";
}

.channel-html .typography-intro:lang(th) {
	line-height: 1.381002381;
	font-family: "Sukhumvit Set", system-ui, -apple-system, BlinkMacSystemFont,
		"Segoe UI", "Helvetica Neue", "Helvetica", "Arial", sans-serif,
		"SF Pro Icons";
}

@media only screen and (max-width: 734px) {
	.channel-html .typography-intro {
		font-size: 19px;
		line-height: 1.4211026316;
		font-weight: 400;
		letter-spacing: 0em;
		font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif, "SF Pro Icons";
	}

	.channel-html .typography-intro:lang(th) {
		line-height: 1.3684410526;
		font-family: "Sukhumvit Set", system-ui, -apple-system,
			BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Helvetica",
			"Arial", sans-serif, "SF Pro Icons";
	}
}

.channel-html .typography-quote {
	font-size: 40px;
	line-height: 1.2;
	font-weight: 400;
	letter-spacing: 0em;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif, "SF Pro Icons";
}

.channel-html .typography-quote:lang(th) {
	line-height: 1.35;
	font-family: "Sukhumvit Set", system-ui, -apple-system, BlinkMacSystemFont,
		"Segoe UI", "Helvetica Neue", "Helvetica", "Arial", sans-serif,
		"SF Pro Icons";
}

@media only screen and (max-width: 1068px) {
	.channel-html .typography-quote {
		font-size: 32px;
		line-height: 1.25;
		font-weight: 400;
		letter-spacing: 0em;
		font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif, "SF Pro Icons";
	}

	.channel-html .typography-quote:lang(th) {
		line-height: 1.375;
		font-family: "Sukhumvit Set", system-ui, -apple-system,
			BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Helvetica",
			"Arial", sans-serif, "SF Pro Icons";
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .typography-quote {
		font-size: 28px;
		line-height: 1.2858342857;
		font-weight: 400;
		letter-spacing: 0em;
		font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif, "SF Pro Icons";
	}

	.channel-html .typography-quote:lang(th) {
		line-height: 1.3928571429;
		font-family: "Sukhumvit Set", system-ui, -apple-system,
			BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Helvetica",
			"Arial", sans-serif, "SF Pro Icons";
	}
}

.channel-html .typography-quote-reduced {
	font-size: 32px;
	line-height: 1.25;
	font-weight: 400;
	letter-spacing: 0em;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif, "SF Pro Icons";
}

.channel-html .typography-quote-reduced:lang(th) {
	line-height: 1.375;
	font-family: "Sukhumvit Set", system-ui, -apple-system, BlinkMacSystemFont,
		"Segoe UI", "Helvetica Neue", "Helvetica", "Arial", sans-serif,
		"SF Pro Icons";
}

@media only screen and (max-width: 1068px) {
	.channel-html .typography-quote-reduced {
		font-size: 28px;
		line-height: 1.2858342857;
		font-weight: 400;
		letter-spacing: 0em;
		font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif, "SF Pro Icons";
	}

	.channel-html .typography-quote-reduced:lang(th) {
		line-height: 1.3928571429;
		font-family: "Sukhumvit Set", system-ui, -apple-system,
			BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Helvetica",
			"Arial", sans-serif, "SF Pro Icons";
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .typography-quote-reduced {
		font-size: 24px;
		line-height: 1.3334133333;
		font-weight: 400;
		letter-spacing: 0em;
		font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif, "SF Pro Icons";
	}

	.channel-html .typography-quote-reduced:lang(th) {
		line-height: 1.375;
		font-family: "Sukhumvit Set", system-ui, -apple-system,
			BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Helvetica",
			"Arial", sans-serif, "SF Pro Icons";
	}
}

.channel-html .typography-label {
	font-size: 24px;
	line-height: 1.381;
	font-weight: 400;
	letter-spacing: 0em;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif, "SF Pro Icons";
}

@media only screen and (max-width: 1068px) {
	.channel-html .typography-label {
		font-size: 21px;
		line-height: 1.381;
		font-weight: 400;
		letter-spacing: 0em;
		font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif, "SF Pro Icons";
	}
}

.channel-html .typography-body {
	font-size: 17px;
	line-height: 1.4705882353;
	font-weight: 400;
	letter-spacing: 0em;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif, "SF Pro Icons";
}

.channel-html .typography-body:lang(th) {
	line-height: 1.3529611765;
	letter-spacing: 0em;
	font-family: "Sukhumvit Set", system-ui, -apple-system, BlinkMacSystemFont,
		"Segoe UI", "Helvetica Neue", "Helvetica", "Arial", sans-serif,
		"SF Pro Icons";
}

.channel-html .typography-body-reduced {
	font-size: 14px;
	line-height: 1.4285914286;
	font-weight: 400;
	letter-spacing: 0em;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif, "SF Pro Icons";
}

.channel-html .typography-body-reduced:lang(th) {
	line-height: 1.3571828571;
	letter-spacing: 0em;
	font-family: "Sukhumvit Set", system-ui, -apple-system, BlinkMacSystemFont,
		"Segoe UI", "Helvetica Neue", "Helvetica", "Arial", sans-serif,
		"SF Pro Icons";
}

.channel-html [class*="typography-eyebrow"] {
	display: block;
	margin-bottom: 0.4em;
}

.channel-html [class*="typography-eyebrow"] + * {
	margin-top: 0;
}

.channel-html [copy-type="h1"] + *, .channel-html [copy-type="h2"] + *, .channel-html [copy-type="h3"] + *, .channel-html [copy-type="h4"] + *, .channel-html [copy-type="h5"] + *, .channel-html [copy-type="h6"] + * {
	margin-top: 0.8em;
}

.channel-html .bento-box {
	margin-left: 0;
}

.channel-html .bentobox-item {
	display: flex;
	flex-direction: column;
}

/*
When you have two images of a different size, this function will
allow you to align the smaller one to the bottom of the column.

@example scss
.bigger-image {
@include picture(image_bigger);
}

.smaller-image {
@include picture(image_smaller);

@each $viewport in viewport-list() {
@include viewport($viewport) {
  @include techspecs-image-bottom-align(image_bigger, image_smaller, $viewport);
}
}
}
*/

/*
When you have two images of a different size, this function will
allow you to align the smaller one to the vertical center of the bigger one.

@example scss
.bigger-image {
@include picture(image_bigger);
}

.smaller-image {
@include picture(image_smaller);

@each $viewport in viewport-list() {
@include viewport($viewport) {
  @include techspecs-image-middle-align(image_bigger, image_smaller, $viewport);
}
}
}
*/

/*
This will generate unique classes for all provided built-in app images.

@example scss
.section-apps, .section-freeapps {
@include techspecs-appicon-classes();
}

@example html
<figure class="techspecs-app">
<div class="techspecs-app-icon techspecs-app-icon-camera"></div>
<figcaption>Camera</figcaption>
</figure>
*/

/**
Mixin to define gaps per viewport and column number
@see Compare.vue: computed.columnRange()
*/

/**
Mixin to define padding per viewport and column number
@see Compare.vue: computed.columnRange()
*/

.channel-html .copy {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue",
		"Helvetica", "Arial", sans-serif;
	word-break: break-word;
}

body {
	margin: 0;
	overflow-x: hidden;
}

.channel-html .section {
	display: flex;
	position: relative;
	overflow-x: hidden;
}

.channel-html .section .section-content {
	margin-left: auto;
	margin-right: auto;
	/* width: 980px; */
}

@media only screen and (max-width: 1068px) {
	.channel-html .section .section-content {
		/* width: 692px; */
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .section .section-content {
		/* width: 280px; */
	}
}

.channel-html .section.large-show {
	display: flex;
}

@media only screen and (max-width: 1068px) {
	.channel-html .section.medium-show {
		display: flex !important;
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .section.small-show {
		display: flex !important;
	}
}

.o8323A0 {
	/* But you can break out of scoping via SCSS "@at-root" feature */
}

.channel-html .g0253FD {
	background-color: #ffffff;
	/** Margin */
	/** Padding */
	/** Overflow */
	/** Layer controls */
	/** Interaction controls */
}

@media only screen and (max-width: 1068px) {
	.channel-html .g0253FD {
		margin-top: -47px;
	}
}

.channel-html .d53AB63 {
	/** alignment */
	/** Margin */
	/** Padding */
	/** Layer controls */
	/** Interaction controls */
	/** Display Bleed L/M/S (When true, it must match the BG color of the row) */
}

@media only screen and (max-width: 1068px) {
	.channel-html .d53AB63 {
		margin-top: 47px;
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .d53AB63 {
		margin-top: 43px;
	}
}

@media only screen and (max-width: 1068px) {
	.channel-html .d53AB63 {
		margin-left: 1px;
	}
}

@media only screen and (max-width: 1068px) {
	.channel-html .d53AB63 {
		margin-bottom: 60px;
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .d53AB63 {
		margin-bottom: 60px;
	}
}

.channel-html .aD56B12 {
	/** Margin */
	/* margin-top: 12px; */
	/** Padding */
	/** Align text*/
	/** Flexbox order*/
	/** Layer controls */
	/** Interaction controls */
}

.channel-html .u548413 {
	/** Margin */
	margin-left: -410px;
	/** Layer controls */
	/** Interaction controls */
}

@media only screen and (max-width: 1068px) {
	.channel-html .u548413 {
		margin-left: -200px;
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .u548413 {
		margin-left: -230px;
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .u548413 {
		margin-right: 0px;
	}
}

.channel-html .v3ED8E5 {
	/** Margin */
	margin-left: 0px;
	margin-right: 0px;
	padding: 0 60px 0;
	/** Padding */
	/** Align text*/
	/** Flexbox order*/
	/** Layer controls */
	/** Interaction controls */
}

@media only screen and (max-width: 734px) {
	.channel-html .v3ED8E5 {
		margin-left: 0px;
		margin-right: 0px;
		padding: 0 40px 0;
	}
}

.channel-html .nE5273C {
	margin-top: 50px;
	margin-bottom: 50px;
}

.channel-html .s0D87E8 {
	/** Background **/
	background: undefined;
	/** Grid */
	display: grid;
	grid-template-rows: 450px 350px;
	grid-auto-rows: 1fr;
	grid-template-columns: repeat(2, 55%);
}

@media only screen and (max-width: 1068px) {
	.channel-html .s0D87E8 {
		grid-gap: -100px;
	}
}

@media only screen and (max-width: 1068px) {
	.channel-html .s0D87E8 {
		grid-template-rows: 250px 350px 250px 200px;
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .s0D87E8 {
		grid-template-rows: 480px 600px 450px 250px;
	}
}

@media only screen and (max-width: 1068px) {
	.channel-html .s0D87E8 {
		grid-template-columns: repeat(1, 100%);
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .s0D87E8 {
		grid-template-columns: repeat(1, 340px);
	}
}

.channel-html .s0D87E8 .bentobox-item {
	overflow: visible;
}

.channel-html .d3040A6 {
	background-color: #ffffff;
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 1;
	grid-row-end: 1;
	position: relative;
}

@media only screen and (max-width: 1068px) {
	.channel-html .d3040A6 {
		grid-column-start: 1;
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .d3040A6 {
		grid-column-start: 1;
	}
}

@media only screen and (max-width: 1068px) {
	.channel-html .d3040A6 {
		grid-column-end: 1;
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .d3040A6 {
		grid-column-end: 1;
	}
}

@media only screen and (max-width: 1068px) {
	.channel-html .d3040A6 {
		grid-row-start: 1;
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .d3040A6 {
		grid-row-start: 1;
	}
}

@media only screen and (max-width: 1068px) {
	.channel-html .d3040A6 {
		grid-row-end: 1;
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .d3040A6 {
		grid-row-end: 1;
	}
}

.channel-html .d3040A6:before {
	display: block;
	position: absolute;
	pointer-events: none;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-style: solid;
}

.channel-html .o39B389 {
	min-height: 550px;
	/** alignment */
	align-items: flex-start;
	/** Margin */
	/** Padding */
	/** Layer controls */
	/** Interaction controls */
	/** Display Bleed L/M/S (When true, it must match the BG color of the row) */
}

@media only screen and (max-width: 1068px) {
	.channel-html .o39B389 {
		min-height: 250px;
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .o39B389 {
		min-height: 400px;
	}
}

.channel-html .x678B2D {
	/** Margin */
	/** Padding */
	/** Align text*/
	/** Flexbox order*/
	/** Layer controls */
	/** Interaction controls */
}

.channel-html .s4535E4 {
	margin-left: -1px;
}

.channel-html .f78E08B {
	/** alignment */
	/** Margin */
	/** Padding */
	/** Layer controls */
	/** Interaction controls */
	/** Display Bleed L/M/S (When true, it must match the BG color of the row) */
}

.channel-html .c4051E9 {
	/** Margin */
	/** Padding */
	/** Align text*/
	/** Flexbox order*/
	/** Layer controls */
	/** Interaction controls */
}

.channel-html .z58F6FF {
	/** alignment */
	/** Margin */
	/** Padding */
	/** Layer controls */
	/** Interaction controls */
	/** Display Bleed L/M/S (When true, it must match the BG color of the row) */
}

.channel-html .k088FA3 {
	/** Margin */
	/** Padding */
	/** Align text*/
	/** Flexbox order*/
	/** Layer controls */
	/** Interaction controls */
}

.channel-html .rB69EB7 {
	/** alignment */
	/** Margin */
	/** Padding */
	/** Layer controls */
	/** Interaction controls */
	/** Display Bleed L/M/S (When true, it must match the BG color of the row) */
}

.channel-html .r1CDF96 {
	/** Margin */
	/** Padding */
	/** Align text*/
	/** Flexbox order*/
	/** Layer controls */
	/** Interaction controls */
}

.channel-html .t9737A5 {
	/** alignment */
	/** Margin */
	/** Padding */
	/** Layer controls */
	/** Interaction controls */
	/** Display Bleed L/M/S (When true, it must match the BG color of the row) */
}

.channel-html .zD539F8 {
	/** Margin */
	/** Padding */
	/** Align text*/
	/** Flexbox order*/
	/** Layer controls */
	/** Interaction controls */
}

.channel-html .pB0A51B {
	/** alignment */
	/** Margin */
	/** Padding */
	/** Layer controls */
	/** Interaction controls */
	/** Display Bleed L/M/S (When true, it must match the BG color of the row) */
}

.channel-html .hB064FD {
	/** Margin */
	/** Padding */
	/** Align text*/
	/** Flexbox order*/
	/** Layer controls */
	/** Interaction controls */
}

.channel-html .kFD13FC {
	/** alignment */
	/** Margin */
	/** Padding */
	/** Layer controls */
	/** Interaction controls */
	/** Display Bleed L/M/S (When true, it must match the BG color of the row) */
}

.channel-html .v14A55B {
	/** Margin */
	/** Padding */
	/** Align text*/
	/** Flexbox order*/
	/** Layer controls */
	/** Interaction controls */
}

.channel-html .uB47426 {
	background-color: #ffffff;
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 1;
	position: relative;
	overflow: hidden;
}

@media only screen and (max-width: 1068px) {
	.channel-html .uB47426 {
		grid-column-start: 1;
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .uB47426 {
		grid-column-start: 1;
	}
}

@media only screen and (max-width: 1068px) {
	.channel-html .uB47426 {
		grid-column-end: 1;
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .uB47426 {
		grid-column-end: 1;
	}
}

@media only screen and (max-width: 1068px) {
	.channel-html .uB47426 {
		grid-row-start: 2;
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .uB47426 {
		grid-row-start: 2;
	}
}

@media only screen and (max-width: 1068px) {
	.channel-html .uB47426 {
		grid-row-end: 2;
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .uB47426 {
		grid-row-end: 2;
	}
}

.channel-html .uB47426:before {
	display: block;
	position: absolute;
	pointer-events: none;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-style: solid;
}

.channel-html .z46582E {
	min-height: 550px;
	/** alignment */
	align-items: flex-start;
	/** Margin */
	/** Padding */
	/** Layer controls */
	/** Interaction controls */
	/** Display Bleed L/M/S (When true, it must match the BG color of the row) */
}

@media only screen and (max-width: 1068px) {
	.channel-html .z46582E {
		min-height: 350px;
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .z46582E {
		min-height: 550px;
	}
}

.channel-html .zD72820 {
	/** Margin */
	/** Padding */
	/** Align text*/
	/** Flexbox order*/
	/** Layer controls */
	/** Interaction controls */
}

.channel-html .k547979 {
	margin-left: -1px;
}

.channel-html .w8C2C6D {
	/** alignment */
	/** Margin */
	/** Padding */
	/** Layer controls */
	/** Interaction controls */
	/** Display Bleed L/M/S (When true, it must match the BG color of the row) */
}

.channel-html .yCA7DBC {
	/** Margin */
	/** Padding */
	/** Align text*/
	/** Flexbox order*/
	/** Layer controls */
	/** Interaction controls */
}

.channel-html .n475AD7 {
	/** alignment */
	/** Margin */
	/** Padding */
	/** Layer controls */
	/** Interaction controls */
	/** Display Bleed L/M/S (When true, it must match the BG color of the row) */
}

.channel-html .zF26839 {
	/** Margin */
	/** Padding */
	/** Align text*/
	/** Flexbox order*/
	/** Layer controls */
	/** Interaction controls */
}

.channel-html .b30F6DD {
	/** alignment */
	/** Margin */
	/** Padding */
	/** Layer controls */
	/** Interaction controls */
	/** Display Bleed L/M/S (When true, it must match the BG color of the row) */
}

.channel-html .c2B5CB2 {
	/** Margin */
	/** Padding */
	/** Align text*/
	/** Flexbox order*/
	/** Layer controls */
	/** Interaction controls */
}

.channel-html .l1C367E {
	/** alignment */
	/** Margin */
	/** Padding */
	/** Layer controls */
	/** Interaction controls */
	/** Display Bleed L/M/S (When true, it must match the BG color of the row) */
}

.channel-html .f0835A0 {
	/** Margin */
	/** Padding */
	/** Align text*/
	/** Flexbox order*/
	/** Layer controls */
	/** Interaction controls */
}

.channel-html .yFE9B94 {
	/** alignment */
	/** Margin */
	/** Padding */
	/** Layer controls */
	/** Interaction controls */
	/** Display Bleed L/M/S (When true, it must match the BG color of the row) */
}

.channel-html .zDE7C9A {
	/** Margin */
	/** Padding */
	/** Align text*/
	/** Flexbox order*/
	/** Layer controls */
	/** Interaction controls */
}

.channel-html .vD3B912 {
	/** alignment */
	/** Margin */
	/** Padding */
	/** Layer controls */
	/** Interaction controls */
	/** Display Bleed L/M/S (When true, it must match the BG color of the row) */
}

.channel-html .h5B3284 {
	/** Margin */
	/** Padding */
	/** Align text*/
	/** Flexbox order*/
	/** Layer controls */
	/** Interaction controls */
}

.channel-html .w0368E2 {
	/** alignment */
	/** Margin */
	/** Padding */
	/** Layer controls */
	/** Interaction controls */
	/** Display Bleed L/M/S (When true, it must match the BG color of the row) */
}

.channel-html .k334E17 {
	/** Margin */
	/** Padding */
	/** Align text*/
	/** Flexbox order*/
	/** Layer controls */
	/** Interaction controls */
}

.channel-html .d6BE1A2 {
	/** alignment */
	/** Margin */
	/** Padding */
	/** Layer controls */
	/** Interaction controls */
	/** Display Bleed L/M/S (When true, it must match the BG color of the row) */
}

.channel-html .w5E0B75 {
	/** Margin */
	/** Padding */
	/** Align text*/
	/** Flexbox order*/
	/** Layer controls */
	/** Interaction controls */
}

.channel-html .mAC462C {
	background-color: #ffffff;
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 2;
	grid-row-end: 2;
	position: relative;
	overflow: hidden;
}

@media only screen and (max-width: 1068px) {
	.channel-html .mAC462C {
		grid-column-start: 1;
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .mAC462C {
		grid-column-start: 1;
	}
}

@media only screen and (max-width: 1068px) {
	.channel-html .mAC462C {
		grid-column-end: 1;
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .mAC462C {
		grid-column-end: 1;
	}
}

@media only screen and (max-width: 1068px) {
	.channel-html .mAC462C {
		grid-row-start: 3;
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .mAC462C {
		grid-row-start: 3;
	}
}

@media only screen and (max-width: 1068px) {
	.channel-html .mAC462C {
		grid-row-end: 3;
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .mAC462C {
		grid-row-end: 3;
	}
}

@media only screen and (max-width: 1068px) {
	.channel-html .mAC462C {
		overflow: hidden;
	}
}

.channel-html .mAC462C:before {
	display: block;
	position: absolute;
	pointer-events: none;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-style: solid;
}

.channel-html .r6901F6 {
	min-height: 300px;
	/** alignment */
	align-items: flex-start;
	/** Margin */
	/** Padding */
	/** Layer controls */
	/** Interaction controls */
	/** Display Bleed L/M/S (When true, it must match the BG color of the row) */
}

@media only screen and (max-width: 1068px) {
	.channel-html .r6901F6 {
		min-height: 250px;
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .r6901F6 {
		min-height: 400px;
	}
}

.channel-html .g81E56C {
	/** Margin */
	/** Padding */
	/** Align text*/
	/** Flexbox order*/
	/** Layer controls */
	/** Interaction controls */
}

.channel-html .k1BB6A0 {
	margin-left: -1px;
}

.channel-html .h05B53A {
	/** alignment */
	/** Margin */
	/** Padding */
	/** Layer controls */
	/** Interaction controls */
	/** Display Bleed L/M/S (When true, it must match the BG color of the row) */
}

.channel-html .mD4FBA6 {
	/** Margin */
	/** Padding */
	/** Align text*/
	/** Flexbox order*/
	/** Layer controls */
	/** Interaction controls */
}

.channel-html .d185D31 {
	/** alignment */
	/** Margin */
	/** Padding */
	/** Layer controls */
	/** Interaction controls */
	/** Display Bleed L/M/S (When true, it must match the BG color of the row) */
}

.channel-html .g26867A {
	/** Margin */
	/** Padding */
	/** Align text*/
	/** Flexbox order*/
	/** Layer controls */
	/** Interaction controls */
}

.channel-html .nAD788B {
	/** alignment */
	/** Margin */
	/** Padding */
	/** Layer controls */
	/** Interaction controls */
	/** Display Bleed L/M/S (When true, it must match the BG color of the row) */
}

.channel-html .uD087A5 {
	/** Margin */
	/** Padding */
	/** Align text*/
	/** Flexbox order*/
	/** Layer controls */
	/** Interaction controls */
}

.channel-html .oB7B211 {
	/** alignment */
	/** Margin */
	/** Padding */
	/** Layer controls */
	/** Interaction controls */
	/** Display Bleed L/M/S (When true, it must match the BG color of the row) */
}

.channel-html .nC0DAAD {
	/** Margin */
	/** Padding */
	/** Align text*/
	/** Flexbox order*/
	/** Layer controls */
	/** Interaction controls */
}

.channel-html .r3DE24B {
	/** alignment */
	/** Margin */
	/** Padding */
	/** Layer controls */
	/** Interaction controls */
	/** Display Bleed L/M/S (When true, it must match the BG color of the row) */
}

.channel-html .qCB399F {
	/** Margin */
	/** Padding */
	/** Align text*/
	/** Flexbox order*/
	/** Layer controls */
	/** Interaction controls */
}

.channel-html .o887AFC {
	background-color: #ffffff;
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 2;
	grid-row-end: 2;
	position: relative;
}

@media only screen and (max-width: 1068px) {
	.channel-html .o887AFC {
		grid-column-start: 1;
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .o887AFC {
		grid-column-start: 1;
	}
}

@media only screen and (max-width: 1068px) {
	.channel-html .o887AFC {
		grid-column-end: 1;
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .o887AFC {
		grid-column-end: 1;
	}
}

@media only screen and (max-width: 1068px) {
	.channel-html .o887AFC {
		grid-row-start: 4;
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .o887AFC {
		grid-row-start: 4;
	}
}

@media only screen and (max-width: 1068px) {
	.channel-html .o887AFC {
		grid-row-end: 4;
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .o887AFC {
		grid-row-end: 4;
	}
}

.channel-html .o887AFC:before {
	display: block;
	position: absolute;
	pointer-events: none;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-style: solid;
}

.channel-html .z88BE9A {
	min-height: 300px;
	/** alignment */
	align-items: flex-start;
	/** Margin */
	/** Padding */
	/** Layer controls */
	/** Interaction controls */
	/** Display Bleed L/M/S (When true, it must match the BG color of the row) */
}

@media only screen and (max-width: 1068px) {
	.channel-html .z88BE9A {
		min-height: 200px;
	}
}

@media only screen and (max-width: 734px) {
	.channel-html .z88BE9A {
		min-height: 250px;
	}
}

.channel-html .l6F65CF {
	/** Margin */
	/** Padding */
	/** Align text*/
	/** Flexbox order*/
	/** Layer controls */
	/** Interaction controls */
}

.channel-html .p6F2FC1 {
	margin-left: -1px;
}

.channel-html .mBCA25B {
	/** alignment */
	/** Margin */
	/** Padding */
	/** Layer controls */
	/** Interaction controls */
	/** Display Bleed L/M/S (When true, it must match the BG color of the row) */
}

.channel-html .i6301C3 {
	/** Margin */
	/** Padding */
	/** Align text*/
	/** Flexbox order*/
	/** Layer controls */
	/** Interaction controls */
}

.channel-html .eA44356 {
	/** alignment */
	/** Margin */
	/** Padding */
	/** Layer controls */
	/** Interaction controls */
	/** Display Bleed L/M/S (When true, it must match the BG color of the row) */
}

.channel-html .fE0E619 {
	/** Margin */
	/** Padding */
	/** Align text*/
	/** Flexbox order*/
	/** Layer controls */
	/** Interaction controls */
}

.channel-html .i8607C7 {
	/** alignment */
	/** Margin */
	/** Padding */
	/** Layer controls */
	/** Interaction controls */
	/** Display Bleed L/M/S (When true, it must match the BG color of the row) */
}

.channel-html .aADDD3A {
	/** Margin */
	/** Padding */
	/** Align text*/
	/** Flexbox order*/
	/** Layer controls */
	/** Interaction controls */
}

@font-face {
	font-family: SFProThai;
	font-style: normal;
	font-weight: 1 1000;
	src: local("☺"),
		url(https://www.apple.com/th/global/fonts/SF-Pro-TH/v3/SFProTH.woff2)
			format("woff2-variations"),
		url(https://www.apple.com/th/global/fonts/SF-Pro-TH/v3/SFProTH.woff2)
			format("woff2");
}

.desktop-container, .mobile-container, .t-body, .shared-footer-container, td, a, p, h1, h2, h3, h4, h5, h6 {
	font-family: SFProThai, system-ui, -apple-system, BlinkMacSystemFont,
		"Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}


br.ag-lg {
	display: none;
}

br.ag-md {
	display: none;
}

br.ag-sm {
	display: none;
}

@media only screen and (min-width: 1068px) {
	br.ag-lg {
		display: block;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1067px) {
	br.ag-md {
		display: block;
	}
}

@media only screen and (max-width: 734px) {
	br.ag-sm {
		display: block;
	}
}

@media only screen and (max-width: 734px) {
	.hide-small {
		display: none;
	}
}
