@font-face {
	font-family: Helvetica;
	src: local("Helvetica");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Gotham-Bold";
	src: url("/pub/export/device-pay/fonts/GothamRnd-Bold.eot");
	src:
		local("☺"),
		url("/pub/export/device-pay/fonts/GothamRnd-Bold.woff") format("woff"),
		url("/pub/export/device-pay/fonts/GothamRnd-Bold.ttf") format("truetype"),
		url("/pub/export/device-pay/fonts-GothamRnd-Bold.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Conv_SukhumvitTadmai_Bol";
	src: url("/pub/export/device-pay/fonts/SukhumvitTadmai_Bol.eot");
	src:
		local("☺"),
		url("/pub/export/device-pay/fonts/SukhumvitTadmai_Bol.woff") format("woff"),
		url("/pub/export/device-pay/fonts/SukhumvitTadmai_Bol.ttf") format("truetype"),
		url("/pub/export/device-pay/fonts-SukhumvitTadmai_Bol.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Conv_SukhumvitTadmai_Bol";
	src: url("/pub/export/device-pay/fonts/GothamRnd-Medium.eot");
	src:
		local("☺"),
		url("/pub/export/device-pay/fonts/GothamRnd-Medium.woff") format("woff"),
		url("/pub/export/device-pay/fonts/GothamRnd-Medium.ttf") format("truetype"),
		url("/pub/export/device-pay/fonts-GothamRnd-Medium.svg") format("svg");
	font-weight: normal;
	font-style: normal;
	/*unicode-range: U+30-39, U+41-5A, U+61-7A, U+C0-FF;*/
}

@font-face {
	font-family: "Conv_SukhumvitTadmai_Tex";
	src: url("/pub/export/device-pay/fonts/SukhumvitTadmai_Tex.eot");
	src:
		local("☺"),
		url("/pub/export/device-pay/fonts/SukhumvitTadmai_Tex.woff") format("woff"),
		url("/pub/export/device-pay/fonts/SukhumvitTadmai_Tex.ttf") format("truetype"),
		url("/pub/export/device-pay/fonts-SukhumvitTadmai_Tex.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Conv_SukhumvitTadmai_Tex";
	src: url("/pub/export/device-pay/fonts/GothamRnd-Book.eot");
	src:
		local("☺"),
		url("/pub/export/device-pay/fonts/GothamRnd-Book.woff") format("woff"),
		url("/pub/export/device-pay/fonts/GothamRnd-Book.ttf") format("truetype"),
		url("/pub/export/device-pay/fonts-GothamRnd-Book.svg") format("svg");
	font-weight: normal;
	font-style: normal;
	/*unicode-range:U+41-5A, U+61-7A, U+C0-FF;*/
}

@font-face {
	font-family: "Conv_SukhumvitTadmai_TexT";
	src: url("/pub/export/device-pay/fonts/SukhumvitTadmai_Tex.eot");
	src:
		local("☺"),
		url("/pub/export/device-pay/fonts/SukhumvitTadmai_Tex.woff") format("woff"),
		url("/pub/export/device-pay/fonts/SukhumvitTadmai_Tex.ttf") format("truetype"),
		url("/pub/export/device-pay/fonts-SukhumvitTadmai_Tex.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Conv_SukhumvitTadmai_Thi";
	src: url("/pub/export/device-pay/fonts/SukhumvitTadmai_Thi.eot");
	src:
		local("☺"),
		url("/pub/export/device-pay/fonts/SukhumvitTadmai_Thi.woff") format("woff"),
		url("/pub/export/device-pay/fonts/SukhumvitTadmai_Thi.ttf") format("truetype"),
		url("/pub/export/device-pay/fonts-SukhumvitTadmai_Thi.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Conv_SukhumvitTadmai_Thi";
	src: url("/pub/export/device-pay/fonts/GothamRnd-Light.eot");
	src:
		local("☺"),
		url("/pub/export/device-pay/fonts/GothamRnd-Light.woff") format("woff"),
		url("/pub/export/device-pay/fonts/GothamRnd-Light.ttf") format("truetype"),
		url("/pub/export/device-pay/fonts-GothamRnd-Light.svg") format("svg");
	font-weight: normal;
	font-style: normal;
	unicode-range: U+30-39, U+41-5A, U+61-7A, U+C0-FF;
}

@font-face {
	font-family: "Conv_PSL249pro";
	src: url("/pub/export/device-pay/fonts/PSL249pro.eot");
	src:
		local("☺"),
		url("/pub/export/device-pay/fonts/PSL249pro.woff") format("woff"),
		url("/pub/export/device-pay/fonts/PSL249pro.ttf") format("truetype"),
		url("/pub/export/device-pay/fonts-PSL249pro.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Conv_PSL251pro";
	src: url("/pub/export/device-pay/fonts/PSL251pro.eot");
	src:
		local("☺"),
		url("/pub/export/device-pay/fonts/PSL251pro.woff") format("woff"),
		url("/pub/export/device-pay/fonts/PSL251pro.ttf") format("truetype"),
		url("/pub/export/device-pay/fonts-PSL251pro.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

/*Global Menu*/

.menu-global {
	width: 100%;
	/* background: url("/pub/export/device-pay/img-bg_menu.png"); */
	/*background-size: auto 100%;*/
	background-position: center center;
	background-size: cover;
	color: #fff;
	font-size: 15px;
	/* margin-bottom: 153px; */
}

.menu-global a {
	color: rgba(255, 255, 255, 1);
	display: inline-block;
}

.menu-global a.menu-responsive {
	color: #fff;
}

.menu-global:after {
	content: "";
	clear: both;
	display: block;
}

#ktc-logo {
	float: left;
	height: 66px;
	display: inline-block;
	opacity: 1;
}

#ktc-logo img {
	margin-top: 13px;
	margin-right: 10px;
	max-width: 79px;
}

.mini-header #ktc-logo img {
	max-width: 61px;
}

.menu-global .on-right {
	float: right;
	text-align: right;
	padding-top: 5px;
	line-height: 1;
}

.menu-global .on-right > * {
	display: inline-block;
	vertical-align: middle;
}

.profile-on-menu {
	display: none !important;
}

.index-head a {
	color: #454545;
}

.index-head a:hover {
	color: #cf3339;
}

.scrolled-menu {
	font-family: "Conv_SukhumvitTadmai_Tex";
	text-align: center;
	opacity: 0;
	pointer-events: none;
}

.menu-global.expand-menu .scrolled-menu {
	flex: 1;
}
.menu-global.mini-header .scrolled-menu {
	opacity: 1;
	pointer-events: all;
	flex: 1;
	display: flex;
	justify-content: space-around;
	padding-left: 0;
	margin-bottom: 0;
}

.scrolled-menu > li {
	display: inline-block;
	position: relative;
	padding: 23px 0 16px 5px;
	top: 3px;
	height: 63px;
	vertical-align: bottom;
	font-size: 14px;
	flex: 0 0 auto;
}

.scrolled-menu > li .fa {
	vertical-align: middle;
	position: relative;
	top: -2px;
	margin-left: 3px;
}

.scrolled-menu > li:hover {
	cursor: pointer;
}

.scrolled-menu > li:hover,
.scrolled-menu > li.active {
	color: #fff;
}

.scrolled-menu > li.active i {
	transform: rotate(-180deg);
}

.scrolled-menu > li:after {
	position: absolute;
	bottom: 0;
	left: 5px;
	right: 0;
	height: 3px;
	background: transparent;
	content: "";
	display: block;
}

.scrolled-menu > li:hover:after,
.scrolled-menu > li.active:after,
.scrolled-menu > li.current:after {
	background: #cf3339;
}

.scrolled-menu > li:hover:after,
.scrolled-menu > li.active:after {
	z-index: 3;
}

.scrolled-menu > li a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.scrolled-menu ul {
	top: calc(100% - 3px);
	z-index: 2;
	position: absolute;
	left: 0;
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
	color: rgba(255, 255, 255, 0.7);
	padding: 10px 20px;
	background: #000;
}

.scrolled-menu > li.active > ul {
	opacity: 1;
	pointer-events: all;
}

.scrolled-menu ul li {
	text-align: left;
	/*padding: 0 20px;*/
	font-size: 14px;
	line-height: 35px;
	position: relative;
}

.scrolled-menu ul li:hover {
	color: rgba(255, 255, 255, 1);
}

.scrolled-menu ul li a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.scrolled-menu li ul > li {
	border-bottom: 1px solid #21262b;
}
.scrolled-menu li ul > li:nth-last-child(1) {
	border-bottom: none;
}

.scrolled-menu li.dropdown:after {
	right: 13px;
}
/* END */

.text-on-left {
	width: 100%;
	display: block;
	float: none;
	clear: both;
}

.content-wrap {
	padding: 0 55px;
	margin: 0 auto;
	width: 100%;
	max-width: 1316px;
}

.slide-wrap {
	overflow: hidden;
	position: relative;
	padding-top: 20px; /* 5px */
	margin-top: -5px;
}

.slide-wrap:before {
	content: "";
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -1px;
	width: 0px;
	pointer-events: none;
	z-index: 3;
	background: linear-gradient(
		to right,
		rgba(255, 255, 255, 255.1),
		rgba(255, 255, 255, 0)
	);
}

.slide-wrap:after {
	content: "";
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -1px;
	width: 0px;
	pointer-events: none;
	z-index: 3;
	background: linear-gradient(
		to left,
		rgba(255, 255, 255, 255.1),
		rgba(255, 255, 255, 0)
	);
}

.menu-global > .content-wrap {
	padding: 0 30px;
	max-width: none;
	position: fixed;
	z-index: 4;
	max-width: none;
	background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.menu-global > .content-wrap:before {
	background: #000;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	pointer-events: none;
	content: "";
	position: absolute;
	display: block;
	z-index: -1;
}

.menu-global.mini-header > .content-wrap:before {
	opacity: 1;
}

.menu-global .search-on-menu {
	font-size: 18px;
	padding: 16px;
	position: relative;
	top: 2px;
	cursor: pointer;
}

.menu-global .search-on-menu img {
	width: 18px;
	height: 18px;
	pointer-events: none;
}
.menu-global .search-on-menu .search-on-default {
	display: inline-block;
}
.menu-global .search-on-menu .search-on-hover {
	display: none;
}
.menu-global a:hover .search-on-default {
	display: none;
}
.menu-global a:hover .search-on-hover {
	display: inline-block;
}

.on-default {
	display: inline-block;
}
.on-hover {
	display: none;
}
a:hover .on-default {
	display: none;
}
a:hover .on-hover {
	display: inline-block;
}

/*debug iPhone&iPad*/
@media not all and (min-resolution: 0.001dpcm) {
	@supports (-webkit-appearance: none) {
		@media (max-width: 1024px) {
			.menu-global a:hover .search-on-default {
				display: inline-block;
			}
			.menu-global a:hover .search-on-hover {
				display: none;
			}
		}
	}
}

.card-register-btn {
	padding: 8px 26px;
	border-radius: 6px;
	font-size: 14px;
	background: #cf3339;
	position: relative;
	top: 0;
	font-family: "Conv_SukhumvitTadmai_Tex";
	height: 30px;
	letter-spacing: 1px;
}

#card-register:hover {
	cursor: pointer;
	/* top: -3px; */
	background: #b52e33;
}

.login-btn {
	font-family: "Conv_SukhumvitTadmai_Tex";
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 16px;
	padding: 4px 12px;
	border: 1px #fff solid;
	border-radius: 6px;
	margin-left: 4px;
	position: relative;
	top: 0;
	background: rgba(255, 255, 255, 0);
	height: 30px;
}

.login-btn i {
	font-size: 19px;
	margin: -5px 1px;
	position: relative;
	top: 2px;
}

.login-btn img {
	width: 18px;
	height: 18px;
	vertical-align: bottom;
}

.login-btn .subimg-wrap img {
	width: 32px;
	height: 32px;
}

.menu-global a.login-btn:hover {
	color: #000;
	background-color: #fff;
}

.menu-global a.login-btn .login-default {
	display: inline-block;
}
.menu-global a.login-btn .login-hover {
	display: none;
}
.menu-global a.login-btn:hover .login-default {
	display: none;
}
.menu-global a.login-btn:hover .login-hover {
	display: inline-block;
}

/*debug iPhone&iPad*/
@media not all and (min-resolution: 0.001dpcm) {
	@supports (-webkit-appearance: none) {
		@media (max-width: 1024px) {
			.menu-global a.login-btn:hover {
				color: inherit;
				background-color: inherit;
			}
			.menu-global a.login-btn:hover .login-default {
				display: inline-block;
			}
			.menu-global a.login-btn:hover .login-hover {
				display: none;
			}
		}
	}
}

.menu-global .content-wrap {
	display: flex;
	/* height:66px; */
}

.menu-global .content-wrap > * {
	flex: 0 0 auto;
}
.open-on-top .content-wrap > .row {
	flex: auto;
}
.menu-global .on-right .only-mobile {
	display: none;
}

/* favorite button */
.btn.button-favorite {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: transparent url("/pub/export/device-pay/img-promotion-ico-fav.svg")
		no-repeat center;
	margin-right: 6px;
	background-size: 100% auto;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
}

.btn.button-favorite:hover {
	background: url("/pub/export/device-pay/img-promotion-ico-fav-line.svg") no-repeat
		center;
	background-size: 100% auto;
	background-position: center;
	cursor: pointer;
}

.btn.button-favorite.active,
.btn.button-favorite.active:not(:disabled):not(.disabled),
.btn.button-favorite:not(:disabled):not(.disabled).active {
	background: transparent
		url("/pub/export/device-pay/img-promotion-ico-fav-fill.svg") no-repeat center;
	background-size: 100% auto;
	background-position: center;
	cursor: pointer;
}
.btn.button-favorite.focus,
.btn.button-favorite:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.open-on-top {
	padding: 66px 0 45px 0;
	position: relative;
	z-index: 1;
	opacity: 1;
}

.menu-global.alway-mini {
	margin: 0;
	padding-bottom: 66px;
}

.menu-global.alway-mini .open-on-top {
	display: none;
}

.open-on-top h1 {
	font-family: "Conv_SukhumvitTadmai_Bol";
	font-size: 28px;
	letter-spacing: 1.5px;
	margin-top: 85px;
	margin-bottom: 30px;
}

.open-on-top h1 span {
	font-size: 32px;
}

.open-on-top h1 + p {
	line-height: 1.4;
	font-size: 20px;
}

.open-on-top p {
	line-height: 21px;
	font-family: "Conv_SukhumvitTadmai_Tex";
	max-width: 475px;
}

.big-link {
	text-align: center;
	padding: 0 0 26px 24px;
	align-items: stretch;
}

.big-link > div {
	background: #fff;
	border-radius: 13px;
	width: 100%;
	height: 153px;
	color: #333;
	padding: 13px 0;
	-webkit-box-shadow: 0px 3px 17px 0px rgba(150, 150, 150, 0.79);
	-moz-box-shadow: 0px 3px 17px 0px rgba(150, 150, 150, 0.79);
	box-shadow: 0px 3px 17px 0px rgba(150, 150, 150, 0.79);
	position: relative;
	top: 0;
	opacity: 0.9;
}

.big-link:hover > div {
	top: -3px;
	-webkit-box-shadow: 0px 3px 30px 0px rgba(150, 150, 150, 0.79);
	-moz-box-shadow: 0px 3px 30px 0px rgba(150, 150, 150, 0.79);
	box-shadow: 0px 3px 30px 0px rgba(150, 150, 150, 0.79);
}

.icon-wrap {
	padding: 30px 0 0 0;
}

.icon-wrap p {
	font-family: "Conv_SukhumvitTadmai_Bol";
}

.big-link img {
	height: 104px;
	width: auto;
	margin: -14px 0 0px 0;
}

.big-link p {
	font-size: 18px;
	line-height: 1.2;
	letter-spacing: 0px;
}

.big-link span {
	font-family: "Conv_SukhumvitTadmai_Bol";
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0px;
}

.another-sub {
	position: absolute;
	top: 100%;
	background: #f4f4f4;
	width: 100%;
	left: 0;
	font-family: "Conv_SukhumvitTadmai_Bol";
	text-align: center;
	color: #333;
	padding: 15px 0;
}

.another-sub a {
	position: relative;
	padding-bottom: 10px;
	width: 20%;
}

.another-sub a:after {
	content: "";
	width: 1px;
	height: 60px;
	background: rgba(91, 102, 112, 0.15);
	top: 20px;
	left: 0;
	position: absolute;
}

.another-sub a:nth-child(1):after {
	display: none;
}

.another-sub img {
	width: auto;
	height: 60px;
	position: relative;
	z-index: 1;
}

.another-sub p {
	position: relative;
	font-family: "Conv_SukhumvitTadmai_Bol";
	color: #000000;
	z-index: 1;
	margin: auto 48px;
}

.another-sub span {
	margin-top: 5px;
	color: #757575;
	display: block;
	position: relative;
	z-index: 1;
}

/*.scrolled-menu > li i {
    position: absolute;
    right: 0;
    top: calc(50% - 9px);
}*/

.only-desktop {
	display: block;
}
.only-mobile {
	display: none;
}

.index-head {
	margin-top: 40px;
}

.index-head,
.text-on-slide .index-head a {
	font-family: "Conv_SukhumvitTadmai_Bol";
	font-size: 22px;
	color: #454545;
	border-bottom: 4px solid #cf3339;
	display: inline-block;
	padding-bottom: 5px;
}

.text-on-slide .index-head a {
	border: none;
}
.text-on-slide .index-head {
	margin-left: -15px;
}
.text-on-slide .link-see-more {
	margin-top: 40px;
	text-align: right;
}
.text-on-slide {
	margin: 25px 0 0 0;
}

.text-on-slide p {
	font-size: 22px;
	padding-left: 0;
}

.text-on-slide a {
	text-align: left;
	align-self: center;
	font-size: 18px;
	color: #000;
	padding-right: 0;
	font-family: "Conv_SukhumvitTadmai_Tex";
}

.text-on-slide.no-subtitle .view-all {
	align-self: flex-end;
	padding-bottom: 4px;
	text-align: right;
}

.text-on-slide a:hover {
	color: #cf3339;
}

.text-on-slide a:after {
	width: 14px;
	height: 10px;
	display: inline-block;
	content: "";
	background: url("/pub/export/device-pay/img-index-ico-arrow-right.svg");
	margin-left: 3px;
	position: relative;
	left: 0px;
	margin-right: -14px;
	opacity: 0;
}

.text-on-slide a:hover:after {
	left: 5px;
	opacity: 1;
}

.owl-item {
	display: inline-block;
	opacity: 0;
	vertical-align: top;
}

.owl-item.active {
	opacity: 1;
}
.owl-item {
	opacity: 1;
}

.footer {
	background: #ededed;
}

.footer h3,
.footer h3 a {
	font-family: "Conv_SukhumvitTadmai_Bol";
	font-size: 16px;
	margin-bottom: 9px;
	line-height: 25px;
	padding-top: 40px;
}

.footer h3 a {
	margin: 0;
	padding: 0;
}

.footer a {
	color: #000;
	/*font-family: Helvetica, Arial, sans-serif ;*/
	font-family: "Conv_PSL249pro";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* font-weight: 300; */
	letter-spacing: 0;
	font-size: 19px;
	line-height: 1.2;
	display: block;
	position: relative;
	left: 0;
	margin-top: 8px;
	opacity: 1;
	max-width: 192px;
}

.footer a:hover {
	color: #cf3339;
}

.footer a.tel,
.footer a.tel:hover {
	color: #000;
	cursor: unset;
}

.footer .download-section a {
	margin: 0;
	display: inline-block;
}

.footer-menu {
	/*padding-left: 30px;*/
	padding-bottom: 40px;
}

.footer-menu > .col-lg-3 {
	width: 23%;
	flex: none;
}

.footer-menu > .col-3:nth-last-child(1) {
	margin-right: 0;
}

/* underlined buttons */
.btn-link.underlined {
	font-size: 20px;
	color: #000;
	text-decoration: underline;
}

/* modals */
.modal.fade .modal-dialog {
	/* remove slide animation */
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

.image-link a {
	border-radius: 6px;
	display: block;
	width: 100%;
	overflow: hidden;
	background: #000;
	position: relative;
}
.image-link img {
	width: 100%;
	height: auto;
	opacity: 0.85;
	display: block;
	margin-bottom: -1px;
}

.image-link a:hover img {
	opacity: 1;
}

.image-link .icon-last-content {
	position: absolute;
	top: 22%;
	left: calc(50% - 120px);
	right: calc(50% - 120px);
	cursor: pointer;
}
.image-link .icon-last-content img {
	width: 60px;
	margin: auto;
	opacity: 1;
}
.image-link .icon-last-content p {
	font-family: "Conv_SukhumvitTadmai_Bol";
	font-size: 20px;
	padding-top: 6px;
	color: #fff;
}
.to-top .icon-link {
	width: 11px;
}

.big-left {
	padding-right: 13px;
	position: relative;
}

.big-right {
	padding-left: 13px;
	position: relative;
}

.image-link {
	margin-top: 40px;
	margin-bottom: 60px;
}

.tel p {
	font-family: "Gotham-Bold";
	line-height: 15px;
	font-size: 18px;
	margin: 45px 0 8px 0;
}

.tel span {
	font-family: "Gotham-Bold";
	line-height: 29px;
	font-size: 21px;
	padding-left: 24px;
	background: url("/pub/export/device-pay/img-index-ico-footer-tel.svg") no-repeat;
	background-size: 20px;
	background-position: left center;
	white-space: nowrap;
}

.footer-badge {
	height: auto;
	width: 135px;
	margin: 16px 0 25px 0;
}

.download-section p {
	font-family: "Conv_SukhumvitTadmai_Bol";
	font-size: 17px;
	line-height: 25px;
}

.download-section .footer-badge {
	margin: 8px 0;
	width: 85px;
}

.footer-badge.tapktc {
	margin-bottom: 3px;
	width: 156px;
}

.download-section img {
	position: relative;
	opacity: 1;
	top: 0;
}

.download-section img:hover {
	cursor: pointer;
	opacity: 0.6;
	top: -2px;
}

.download-section .tapktc:hover {
	cursor: default;
	opacity: 1;
	top: 0;
}

.last-piece {
	border-top: 1px solid #dfe1e1;
	padding-bottom: 13px;
	padding-top: 8px;
}

.license {
	/*font-family: sans-serif;*/
	font-family: "Conv_PSL249pro";
	font-size: 18px;
	line-height: 14px;
	padding-top: 12px;
}

.text-right {
	text-align: right;
}

.last-piece .text-right > div {
	display: inline-block;
	vertical-align: top;
}

.footer .lang-footer {
	font-size: 18px;
	line-height: 14px;
	/*padding-top: 2px;*/
	display: inline-block;
	max-width: none;
	margin-top: 0;
	cursor: pointer;
}

.last-piece #lang-change,
.last-piece #lang2-change {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	border: #707070 solid 1px;
	border-radius: 6px;
	/*width: 29px;
	height: 28px;
	font-size: 16px;
	padding: 2px; */
	font-family: "Conv_SukhumvitTadmai_Tex";
	padding: 4px 8px;
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	line-height: 22px;
	margin-left: 30px;
	margin-top: 0;
}

.lang-footer:hover {
	cursor: pointer;
}

.lang-footer label {
	padding: 0 14px 0 20px;
	display: inline-block;
	vertical-align: middle;
	height: 28px;
	line-height: 28px;
}

.social-footer {
	/*margin-top: 6px;*/
	height: 23px;
	padding-right: 6px;
	border-right: 1px solid #4d4d4d;
}

.social-footer img {
	width: 24px;
	height: 24px;
}

.social-footer a {
	display: inline-block;
	margin: 0px 20px 0 0;
}

.footer .text-right {
	white-space: nowrap;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

body.modal-open {
	padding: 0 !important;
}

.modal.in {
	opacity: 1;
}

.modal.full-modal.in {
	/*padding: 0 !important;*/
}

.modal-backdrop.in {
	opacity: 0.65;
}

.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

.full-modal .close {
	top: 20px;
	right: 20px;
	position: absolute;
	/*color: #CF3339;
	font-size: 40px;
	font-family: "Conv_SukhumvitTadmai_Thi";*/
	opacity: 1;
	z-index: 6;
	background-image: url("/pub/export/device-pay/img-ico-close.svg");
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: center center;
	width: 40px;
	height: 40px;
}
.full-modal .modal-forever .close {
	background-image: url("/pub/export/device-pay/img-forever-ico-close.svg");
}
.full-modal .modal-merchant .close {
	background-image: url("/pub/export/device-pay/img-merchant-ico-close-merchant.svg");
}

.full-modal .close span {
	display: none;
}

.full-modal .close:hover {
	opacity: 0.5;
	cursor: pointer;
}

.full-modal .modal-dialog {
	/*width: 100%;*/
	/*margin: 0 auto;*/
	/*padding: 0;*/
	max-width: 945px;
}

.full-modal .modal-dialog.modal-sm {
	max-width: 485px;
}

.full-modal .modal-content {
	border: none;
	border-top: 4px solid #cf3339;
	border-radius: 4px;
	max-height: 90vh;
}
.full-modal .modal-content.modal-forever {
	border-color: #e0005a;
}
.full-modal .modal-content.modal-merchant {
	border-color: #0076c0;
}

.full-modal .modal-header {
	border: none;
	font-size: 40px;
	line-height: 38px;
	padding: 40px 40px 20px;
	display: block;
	text-align: center;
}

.full-modal .modal-body {
	margin: 0 5px 5px;
	padding: 0 40px;
	overflow: auto;
	overflow-x: hidden;
	height: 80vh;
}

.full-modal .modal-body:after {
	display: block;
	content: "";
	width: 100%;
	height: 40px;
	position: relative;
}

.full-modal .modal-sm .modal-body {
	height: auto;
}

.full-modal .modal-content:after {
	display: block;
	content: "";
	width: calc(100% - 10px);
	height: 40px;
	background: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 60%
	);
	position: absolute;
	bottom: 0;
	left: 5px;
}

.full-modal .content-wrap {
	padding: 0;
}

.full-modal .modal-title {
	text-align: center;
	display: inline-block;
	width: auto;
	position: relative;
	/*margin-bottom: 25px;*/
	font-family: "Conv_SukhumvitTadmai_Tex";
	font-size: 28px;
}

.full-modal .modal-title:after {
	height: 4px;
	width: 50%;
	background: #cf3339;
	margin-left: 25%;
	content: "";
	/* display: block; */
	display: none;
}

.card-choice {
	/*width: 510px;*/
	max-width: 100%;
	display: block;
	margin: 0 5px 25px;
	padding: 13px 15px 14px 15px;
	border-radius: 6px;
	position: relative;
	top: 0;
	color: #000;
	-webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
}

.card-choice:first-child {
	margin-top: 5px;
}

.card-choice:nth-last-child(1) {
	margin-bottom: 0;
}

.card-choice:hover {
	top: -3px;
	color: #cf3339;
	-webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.2);
}

.card-choice > * {
	display: inline-block;
	vertical-align: middle;
}

.left-icon {
	width: 80px;
	text-align: center;
}

.left-icon + p {
	padding-left: 15px;
	font-size: 18px;
	line-height: 1.14;
	max-width: calc(100% - 80px);
	font-family: "Conv_SukhumvitTadmai_Tex";
}
.card-choice .left-icon img {
	width: 76px;
	height: 53px;
}

.only-mobile .social-footer {
	text-align: center;
	padding: 0;
	border: none;
	margin: 0 0 30px 0;
}

.only-mobile .social-footer a {
	margin: 0 10px;
}

.only-mobile .social-footer img {
	width: 30px;
}

.to-top {
	position: fixed;
	bottom: 50px; /*20*/
	right: 37px;
	z-index: 1;
	width: 45px;
	height: 45px;
	background: #fff;
	background-size: 100% 100%;
	display: block;
	border-radius: 50%;
	font-size: 28px;
	line-height: 42px;
	text-align: center;
	color: #cf3339;
	font-family: serif;
	-webkit-box-shadow: 0px 7px 12px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 7px 12px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 7px 12px 0px rgba(0, 0, 0, 0.1);
}

.chat {
	position: fixed;
	bottom: 17px;
	right: 110px;
	z-index: 1;
	width: 135px;
	height: 37px;
	border-radius: 5px;
	background: #cf3339;
	color: #fff;
	font-size: 15px;
	padding: 8px 3px;
	z-index: 1;

	display: none;
}

.chat * {
	display: inline-block;
	vertical-align: middle;
	padding: 0 5px;
}

.chat img {
	width: 32px;
	height: auto;
	margin-left: 5px;
}

.ghost-footer {
	opacity: 0;
	pointer-events: none;
}

.ghost-footer.active {
	opacity: 1;
	pointer-events: all;
}

.to-top:hover {
	cursor: pointer;
	bottom: 55px; /*25px*/
}

.chat:hover {
	cursor: pointer;
	bottom: 27px;
}

#foot-trigger {
	position: relative;
	top: -80vh;
}

.search-wrap {
	text-align: center;
	font-size: 0;
	display: block;
	margin: 9px 0 2px 0;
}

.search-wrap > * {
	display: inline-block;
	vertical-align: middle;
}
.search-wrap img.icon-search-result {
	width: 20px;
	height: 20px;
}

.input-search {
	line-height: 30px;
	font-size: 20px;
	font-family: "Conv_SukhumvitTadmai_Tex";
	width: 656px;
	border: none;
	border-bottom: 1px solid rgba(91, 100, 112, 0.15);
	height: 30px;
	margin: 3px 13px 0 9px;
	padding-left: 12px;
}

.input-search:placeholder {
	color: rgba(91, 100, 112, 0.15);
}
.input-search:focus::placeholder {
	color: #fff;
}

.input-search:focus {
	outline: 0;
	border-color: #cf3339;
}

.button-search {
	background: #cf3339;
	text-align: center;
	color: #fff;
	border-radius: 3px;
	font-size: 14px;
	font-family: "Conv_SukhumvitTadmai_Bol";
	width: 108px;
	height: 30px;
	line-height: 26px;
	margin: 40px 0 0 0;
	opacity: 1;
	border: none;
	cursor: pointer;
}

.input-search + .button-search {
	margin-top: 0;
}

.button-search:hover {
	opacity: 0.65;
}
.button-search[disabled] {
	background: rgba(91, 102, 112, 0.6);
	cursor: default;
}
.button-search[disabled]:hover {
	opacity: 1;
}

.search-cat-wrap {
	display: block;
	font-size: 0;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 51px;
	overflow: hidden;
}

.search-cat-wrap * {
	display: inline-block;
	font-size: 0;
}

.search-cat-wrap input[type="checkbox"] {
	display: none;
}

.search-cat-head {
	font-size: 16px;
	text-align: right;
	padding-right: 92px;
}

.search-cat-head > div > * {
	display: inline-block;
	vertical-align: middle;
}

.search-cat-head > div > h4 {
	padding-right: 3px;
}

.search-cat-head i {
	transform: rotate(0deg);
}

.search-cat-head .collapsed i {
	transform: rotate(-180deg);
}

.search-cat-head img {
	width: 28px;
	height: 28px;
}

.search-cat-wrap input[type="checkbox"] + label:after {
	content: "";
	width: 20px;
	height: 20px;
	top: 7px;
	left: 1px;
	border-radius: 3px;
	border: 1px solid rgba(91, 100, 112, 0.65);
	background: none;
	position: absolute;
	background-position: center;
}

.search-cat-wrap input[type="checkbox"]:checked + label:after {
	border: 1px solid rgba(207, 51, 57, 1);
	background: url("/pub/export/device-pay/img-ico-checkbox-checked.svg") no-repeat;
	background-position: center;
}

.search-cat-wrap label {
	padding: 12px 30px;
	line-height: 12px;
	font-size: 16px;
	position: relative;
}

.search-cat-wrap > label:nth-child(2) {
	border: none;
}

.search-cat-wrap label:hover {
	cursor: pointer;
	opacity: 0.75;
}

.profile-image {
	width: 29px;
	height: 29px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
}

.profile-image img {
	width: 100%;
	height: auto;
}

.login-btn.logged-in {
	padding: 0;
	border: none;
	vertical-align: middle;
	position: relative;
}

.profile-name {
	font-size: 13px;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 84px;
	padding-right: 5px;
}

.login-btn.logged-in:hover,
.login-btn.logged-in:hover .profile-name {
	cursor: pointer;
	color: rgba(255, 255, 255, 1);
}

.login-btn.logged-in.active,
.login-btn.logged-in.active .profile-name {
	color: rgba(255, 255, 255, 1);
}

.login-btn.logged-in.active i {
	transform: rotate(-180deg);
}

.login-btn.logged-in ul {
	opacity: 0;
	pointer-events: none;
	background: #000;
	color: #fff;
	font-size: 14px;
	position: absolute;
	top: 100%;
	right: -35px;
	width: 260px;
	max-width: none;
	text-align: left;
}

.login-btn.logged-in ul li {
	padding: 16px 0;
	margin: 0 20px;
	display: block;
	border-top: 1px solid #5b6670;
}

.login-btn.logged-in ul > li:nth-child(1) {
	border: none;
}

.login-btn.logged-in.active ul {
	opacity: 1;
	pointer-events: all;
}

.login-btn.logged-in ul li * {
	display: inline-block;
	vertical-align: middle;
}

.login-btn.logged-in ul li:hover p {
	color: rgba(255, 255, 255, 1);
}

.subimg-wrap {
	width: 39px;
	text-align: center;
	padding-right: 15px;
}

.for-sub-profile-mobile {
	opacity: 0;
	pointer-events: none;
	display: none;
}

#email.box-input-form {
	display: none;
}
/* register for member success */
.bg-login .card-register-center {
	margin-top: 25px;
	margin-bottom: 145px;
}
.bg-login .img-result {
	margin-bottom: 25px;
}

.suggess-box {
	position: absolute;
	height: auto;
	left: 9px;
	right: 13px;
	top: calc(100% + 5px);
	background: #fff;
	border-radius: 3px;
	padding: 12px 20px;
	opacity: 0;
	pointer-events: none;
	z-index: 100;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.16);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.16);
}

input:focus + .suggess-box,
.suggess-box:focus {
	opacity: 1;
	pointer-events: all;
}

.suggess-list,
.suggess-list:hover {
	cursor: pointer;
	text-align: left;
	border-bottom: 1px solid rgba(91, 100, 112, 0.15);
}

.suggess-list:nth-last-child(1) {
	border: none;
}

.suggess-list > * {
	display: inline-block;
	font-size: 16px;
	vertical-align: middle;
	color: #5b6670;
	font-family: "Conv_SukhumvitTadmai_Tex";
	max-width: calc(100% - 75px);
}

.suggess-list:hover > * {
	color: #000;
}

.suggess-img-wrap {
	width: 73px;
	height: 54px;
	padding: 8px 14px 8px 0;
	text-align: center;
}

.suggess-img-wrap img {
	width: auto;
	max-height: 100%;
	display: inline-block;
	vertical-align: middle;
}

#fake-result {
	pointer-events: none;
	position: absolute;
	left: 21px;
	right: 0;
	bottom: 1px;
	background: #fff;
	opacity: 1;
}

.lang-wrap {
	display: none;
	cursor: pointer;
}

.lang-wrap.active {
	display: block;
}

.menu-resp-scroll .lang-wrap {
	width: calc(100% - 40px);
	float: right;
}

.static-wrap .media-body .link-more {
	display: inline;
	color: #5b6670;
}

.static-wrap .media-body p b {
	font-family: "Conv_PSL251pro";
	font-weight: normal;
}

.static-modal .header {
	margin: 18px 0 20px 0;
	padding-bottom: 17px;
}

.static-modal .content p,
.static-modal .content li {
	line-height: 1.2;
	font-size: 20px;
}

.static-modal .content > ul li {
	margin-left: 1.3em;
}

.static-modal .content ul.number > li {
	list-style-type: decimal;
}

.static-modal .content ul ul li {
	margin-left: 2.5em;
}

.static-content .row.small-desc > div {
	align-self: flex-start;
}

.navbar-nav .btn-flexi-share + .share-popover {
	top: 50px;
}

.navbar-nav .btn-flexi-share + .share-popover:after {
	border-top: none;
	border-bottom: 8px solid #eceeed;
	top: -8px;
	bottom: auto;
}

.more-modal.edc-modal .header {
	border-bottom: none;
}
.table .modal-table-title th.tb-title-first {
	text-align: left;
	font-size: 22px;
}
.table .modal-table-title th {
	text-align: center;
	vertical-align: middle;
	border-top: none;
}
.table .modal-table-title th img {
	width: 67px;
	margin-bottom: 6px;
}
.table .modal-table-desc {
	height: 80px;
}
.table .modal-table-desc th {
	vertical-align: middle;
	min-width: 130px;
}
.table .modal-table-desc td {
	text-align: center;
	vertical-align: middle;
	min-width: 135px;
	max-width: 220px;
}
.table .modal-table-desc th p,
.table .modal-table-title th p {
	font-family: "Conv_SukhumvitTadmai_Bol";
}
.table .modal-table-desc td i {
	font-family: "FontAwesome";
}

h4.no-dash {
	width: 100%;
	display: block;
	text-align: center;
}

.static-content .small-desc {
	max-width: 615px;
}

#oap-loan .btn-wrap {
	margin-bottom: 60px;
}
.txt-on-desktop {
	display: inline-block;
}
.txt-on-mobile {
	display: none;
}

.app-download {
	padding-bottom: 60px;
	margin: auto;
}
.app-download .app-download-box {
	text-align: center;
	display: inline-block;
}
.app-download .app-download-box .media img {
	margin-right: 15px;
}
.app-download .media-body {
	font-family: "Conv_SukhumvitTadmai_Bol";
}
.app-download h5 {
	font-size: 20px;
	line-height: 28px;
	padding-bottom: 4px;
}
.app-download p {
	font-size: 25px;
	line-height: 28px;
	color: #cf3339;
	padding-bottom: 0;
}
.app-download .btn-app-download p {
	color: #000;
	font-size: 14px;
	padding-bottom: 6px;
}
.btn-app-download {
	padding-top: 0px;
}
.btn-app-download img {
	margin: auto 6px;
	top: 0;
}
.btn-app-download img:hover {
	position: relative;
	top: -3px;
}

@media (min-width: 1366px) {
	.menu-global .content-wrap {
		padding-left: calc(50vw - 653px);
		padding-right: calc(50vw - 653px);
		max-width: none;
	}

	.search-slide .owl-nav {
		top: 68px;
	}
	.ktc-tabs li a {
		padding: 0 60px;
	}
}

@media (max-width: 1200px) {
	.scrolled-menu > li {
		font-size: 11px;
		padding: 23px 0 16px 5px;
		font-family: "Conv_SukhumvitTadmai_Tex";
	}
	.scrolled-menu li.dropdown:after {
		right: 10px;
	}
	.card-register-btn {
		font-size: 12px;
		padding: 9px 16px;
	}
	.login-btn {
		font-size: 12px;
		padding: 4px 8px;
	}

	.profile-name {
		font-size: 14px;
		max-width: 70px;
	}
	.menu-global {
		background-position: 39% center;
	}

	.profile-name,
	.login-btn i {
		display: none;
	}
}

@media (min-width: 992px) and (max-width: 1024px) {
	.menu-global .search-on-menu {
		padding: 16px 8px;
	}
	#edit-my-link-modal .btn-wrap {
		margin-top: 0px;
	}
	.another-sub p {
		margin: auto;
	}
}

/* Suggestion */

.img-list {
	width: 100%;
	height: auto;
}

.autocomplete-items {
	position: absolute;
	border: 1px solid #d4d4d4;
	border-top: none;
	z-index: 1;
	left: 0;
	right: 0;
	text-align: left;
	font-size: 12px;
	background-color: #fff;
	font-family: "Conv_SukhumvitTadmai_Tex";
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.16);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.16);
	border-radius: 3px;
	top: calc(100% + 5px);
}

.autocomplete-items .autocomplete-item {
	padding: 10px;
	cursor: pointer;
	width: 100%;
	display: inline-block;
	position: relative;
	color: #5b6670;
}

.autocomplete-items .autocomplete-item:not(:last-child):before {
	content: "";
	width: calc(100% - 20px);
	border-bottom: 1px solid rgba(91, 100, 112, 0.15);
	position: absolute;
	bottom: 0;
}

.autocomplete-items > a {
	width: 100%;
	display: inline-block;
}

.autocomplete-items .autocomplete-item > div {
	display: inline-block;
	vertical-align: middle;
}

.autocomplete-items .image {
	width: 60px;
}

.autocomplete-items .image + .caption {
	width: calc(100% - 60px);
	padding-left: 20px;
}

.autocomplete-items .caption {
	width: 100%;
}

.autocomplete-items > .autocomplete-group {
	background: #ddd;
	padding-left: 10px;
	font-weight: 900;
	border-bottom: 1px solid #d4d4d4;
	display: inline-block;
	width: 100%;
}

.autocomplete-items .autocomplete-item:hover {
	background-color: #dcdcdc;
}

.autocomplete-active {
	background-color: #dcdcdc !important;
}

.autocomplete-items strong {
	font-weight: 900;
	color: #000000;
}

.autocomplete-item.more {
	text-align: center;
	color: #000000;
	text-decoration: underline;
}

/* End Suggestion */

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

.txt-pwd {
	-webkit-text-security: disc;
}

.row-footer {
	width: 100%;
	margin: 0;
}

.panel.panel-default,
.panel-header {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.panel-default:nth-child(1) .faq-head > div {
	border: none;
}
.search-input-wrap {
	position: relative;
}
.panel-heading[role="tab"] {
	cursor: pointer;
}

.btn-wrap {
	width: 100%;
	display: block;
	text-align: center;
}

.btn-wrap > * {
	display: inline-block;
}
.search-wrap .btn-wrap .button-search {
	position: static;
	margin: 20px;
}
.icw-content-wrap .search-cat-wrap {
	display: block;
	font-size: 0;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 51px;
	overflow: hidden;
}

.icw-content-wrap .search-cat-wrap * {
	display: inline-block;
	font-size: 0;
}

.icw-content-wrap .search-cat-wrap input[type="checkbox"] {
	display: none;
}

.icw-content-wrap .search-cat-wrap input[type="checkbox"] + label:after {
	content: "";
	width: 20px;
	height: 20px;
	top: 7px;
	left: 1px;
	border-radius: 3px;
	border: 1px solid rgba(91, 100, 112, 0.65);
	background: none;
	position: absolute;
	background-position: center;
}

.icw-content-wrap
	.search-cat-wrap
	input[type="checkbox"]:checked
	+ label:after {
	border: 1px solid rgba(207, 51, 57, 1);
	background: url("/pub/export/device-pay/sites-cs-assets-ktc_css-img-ico-checkbox-checked.svg")
		no-repeat;
	background-position: center;
}

.icw-content-wrap .search-cat-wrap label {
	padding: 12px 30px;
	line-height: 12px;
	font-size: 16px;
	position: relative;
}

.icw-content-wrap .search-cat-wrap > label:nth-child(2) {
	border: none;
}

.icw-content-wrap .search-cat-wrap label:hover {
	cursor: pointer;
	opacity: 0.75;
}

.icw-content-wrap .search-cat-head {
	font-size: 16px;
	text-align: right;
	padding-right: 92px;
}

.icw-content-wrap .search-cat-head > div > * {
	display: inline-block;
	vertical-align: middle;
}

.icw-content-wrap .search-cat-head > div > h4 {
	padding-right: 3px;
}

.icw-content-wrap .search-cat-head i {
	transform: rotate(0deg);
}

.icw-content-wrap .search-cat-head .collapsed i {
	transform: rotate(-180deg);
}

.icw-content-wrap .search-cat-head img {
	width: 28px;
	height: 28px;
}

.search-cat-head h4 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: "Conv_SukhumvitTadmai_Tex";
	vertical-align: baseline;
}

.footer-menu ul,
.footer-menu ol,
.footer-menu li {
	list-style: none;
	/* margin:0 ; */
	padding-left: 0;
}
.scrolled-menu ul,
.footer-menu ol,
.footer-menu li {
	list-style: none;
}
.menu-responsive ul,
.menu-responsive ol,
.menu-responsive li {
	list-style: none;
}

.footer p {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0;
}
a:hover {
	text-decoration: none;
}
.tel p {
	font-family: "Gotham-Bold";
	line-height: 15px;
	font-size: 18px;
	margin: 45px 0 12px 0;
}