@font-face{
		font-family:'Gotham-Medium';
		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/pub-media-sites-cs-assets-ktc_css-fonts-GothamRnd-Medium.svg") format('svg');
		font-weight:normal;font-style:normal
	}
	@font-face{
		font-family:'Gotham-Book';
		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/pub-media-sites-cs-assets-ktc_css-fonts-GothamRnd-Book.svg") format('svg');
		font-weight:normal;font-style:normal
	}
	section{
		margin-top: -1px;
	}
	#herobanner{
		position: relative;
	}
	#kv-herobanner{
		background: url("/pub/export/device-pay/pub-media-sites-DevicePay-images-hilight-banner.webp") #000000 no-repeat;
		background-position: top center;
		background-size: cover;
		height: 1000px;
        /*อันเก่า height: 900px;*/
		padding: 120px 0;
		position: relative;
		font-size: 74px;
		line-height: 80px;
	}
	#kv-herobanner h1{
		color: #386ED5;
		font-family: 'Conv_SukhumvitTadmai_Bol';
		font-size: 1em;
	}
	#kv-herobanner h2{
		color: #ffffff;
		font-family: 'Conv_SukhumvitTadmai_Bol';
		font-size: 0.43em;
	}
	#kv-herobanner p{
		color: #ffffff;
		font-family: 'Conv_SukhumvitTadmai_Tex';
		font-size: 0.3em;
		line-height: 1.7em;
	}
	#kv-herobanner .watch{
		position: absolute;
		right: 15%;
        top: 0;
		/*อันเก่า top:80px;*/
	}
	#kv-herobanner .watch img{
		width: 613px;
        margin-top: 90px; /*add new*/
	}
	#kv-herobanner img.card-logo {
		width: auto;
		height: 55px;
	}	
	.device {
		position: absolute;
		bottom: -180px;
		left: 0;
		right: 0;
		z-index: 1;
		font-size: 35px;
		line-height: 40px;
	}
	.device h3{
		color: #386ED5;
		font-family: 'Conv_SukhumvitTadmai_Bol';
		font-size: 1em;
		margin: 20px 0;
	}
	.device .device-container{
		max-width: 1040px;
		margin: auto;
	}
	.device .device-item{
        height: 520px;
		/* อันเก่า height: 400px;*/
		width: 100%;
		border-radius: 20px;
		position: relative;
		cursor: pointer;
		background: #171717;
		
	}
	.device .device-item .img-slide{
		width: 100%;
		height: auto;
		border-radius: 20px 20px 0 0;
	}
	.device .device-item .slide-logo {
		height: 131px;
		width: 100%;
		border-radius: 0 0 20px 20px;
		background: #171717;
		transition: height 0.5s;
		-webkit-transition: height 0.5s;
		margin-top: -5px;
		position: absolute;
		bottom:0;
		left: 0;
		right: 0;
	}
	.device .device-item:hover .slide-logo{
		position: absolute;
		bottom:0;
		height: 100%;
		border-radius: 19px 19px 20px 20px;
	}
	.device .device-item p{
		color: #fff;
		font-size: 0.49em;
		line-height: 1em;
		font-family: 'Conv_SukhumvitTadmai_Tex';
		text-align: center;
		margin-top: 10px;
	}
	.device .device-item img{
		height: 38px;
		width: auto;
	}
	.device .device-item a{
		width: 50px;
		height: 50px;
		border-radius: 50%;
		border: 1px solid #ffffff;
		display: none;
	}
	.device .device-item:hover p{
		margin-top: 20px;
		
	}
	.device .device-item:hover a::after {
		content: "";
		background: url("/pub/export/device-pay/pub-media-sites-DevicePay-images-Icon_metro-arrow-right.svg") no-repeat;
		height: 18.08px;
		width: 21.09px;
		background-size: 21.09px 18.08px;
		-webkit-transition-duration: 1s;
		-webkit-transform: translateX(1px);
		margin: 15px auto;
		display: block;
	}
	.device .device-item:hover a{
		margin: 20px auto;
		display: block;
	}
	.device .device-item:hover a:hover::after{
		-webkit-transition-duration: 500ms;
	    -webkit-transform: translateX(10px);
	}
	#sign-contact{
		background: url("/pub/export/device-pay/pub-media-sites-DevicePay-images-apply-banner.webp") #000000 no-repeat;
		background-position: top center;
		background-size: cover;
		height: 770px;
		padding: 300px 0 150px;
		position: relative;
		font-size: 45px;
	}
	#sign-contact h3{
		color: #ffffff;
		font-family: 'Conv_SukhumvitTadmai_Bol';
		font-size: 1em;
		line-height: 58px;
	}
	#sign-contact .support-brand {
		color: #ffffff;
		width: 280px;
		height: 60px;
		padding: 10px;
		background: #0B2760;
		margin: 30px auto;
	}
	#sign-contact p{
		font-family: 'Conv_SukhumvitTadmai_Tex';
		font-size: 0.4em;
		color: #ffffff;
	}
	#sign-contact p a{
		text-decoration: underline;
		color: #ffffff;
	}
	#sign-contact p a:hover{
		text-decoration: underline;
		color: #0B2760;
	}
	#sign-contact .support-brand p{
		color: #ffffff;
		font-size: 0.35em;
		font-family: 'Conv_SukhumvitTadmai_Thi';
	}
	#sign-contact .support-brand img {
		margin-left: 20px;
		height: 30px;
		width: auto;
	}
	#sign-contact .support-brand {
		width: 400px;
		height: 64px;
	}
	@media screen and (max-width: 1194px){
		#kv-herobanner {
			height: 860px;
			padding: 100px 0;
		}
		#kv-herobanner .watch img {
			width: 340px;
		}
		.device .device-container {
			max-width: 90%;
			margin: auto;
		}
		.device .device-item {
			height: 455px;
		}
		.device .device-item .slide-logo {
			height: 131px;
		}
		.device {
			bottom: -165px;
		}
		.device .device-item:hover .slide-logo{
			position: absolute;
			width: 350px;
			height: 470px;
			border-radius: 19px 19px 20px 20px;
		}

		#sign-contact h3 {
			color: #ffffff;
			font-family: 'Conv_SukhumvitTadmai_Bol';
			font-size: 1em;
			line-height: 48px;
		}
	}
	@media screen and (max-width: 1133px){
		.device .device-item {
			height: 420px;
		}
		.device .device-item .slide-logo {
			height: 131px;
		}
		.device .device-item:hover .slide-logo{
			position: absolute;
			width: 300px;
			height: 420px;
			border-radius: 19px 19px 20px 20px;
		}
	}
	@media screen and (max-width: 991px){
		#kv-herobanner {
			background: url("/pub/export/device-pay/pub-media-sites-DevicePay-images-hilight-banner_1.webp") #000000 no-repeat;
			height: auto;
			padding: 0;
			background-size: cover;
			background-position: top;
			font-size: 100px;
		}
		#kv-herobanner h1 {
			color: #386ED5;
			font-family: 'Conv_SukhumvitTadmai_Bol';
			font-size: .7em;
		}
		#kv-herobanner .key-visual{
			text-align: center;
			margin-top: -80px !important;
			z-index: 1;
		}
		.device{
			position: relative;
			bottom: auto;
			left: 0;
			right: 0;
			z-index: 1;
			height: auto;
			background: #000;
			padding: 50px 0;
		}
		.device .device-item {
			margin-bottom: 30px;
			height: 700px;
		}		
		.device .device-item:hover .slide-logo{
			position: absolute;
			border-radius: 19px 19px 20px 20px;
			width: 100%;
			height: 100%;
		}
		#kv-herobanner .watch {
			position: relative;
			right: auto;
			top: auto;
			width: 400px;
			margin: auto;
			padding-top: 50px;
		}
		#kv-herobanner .watch img {
			width: 100%;
		}
		#kv-herobanner h2 {
			color: #ffffff;
			font-family: 'Conv_SukhumvitTadmai_Bol';
			line-height: 1.4em;
		}
		#kv-herobanner p {
			color: #ffffff;
			font-family: 'Conv_SukhumvitTadmai_Tex';
		}
		#kv-herobanner img.card-logo {
			width: auto;
			height: 65px;
		}
		.device h3 {
			text-align: center;
		}
		#sign-contact {
			background: url('/pub/export/device-pay/pub-media-sites-DevicePay-images-apply-banner.webp') #000000 no-repeat;
			background-position: top center;
			background-size: cover;
			height: auto;
			padding: 80px 0 80px;
			position: relative;
		}
	}
	@media screen and (max-width: 834px){
		.device .device-item {
			margin-bottom: 30px;
			height: 600px;
		}
	}
	@media screen and (max-width: 767px){
		.device .device-item {
			margin-bottom: 30px;
			height: 480px;
		}
		#kv-herobanner {
			font-size: 90px;
		}
		#sign-contact {
			background: url('/pub/export/device-pay/pub-media-sites-DevicePay-images-apply-banner.webp') #000000 no-repeat;
			background-position: top center;
			background-size: cover;
			height: auto;
			padding: 80px 0 80px;
			position: relative;
		}
		#sign-contact h3 {
			color: #ffffff;
			font-family: 'Conv_SukhumvitTadmai_Bol';
			font-size: 1em;
			line-height: 48px;
		}
		#sign-contact .support-brand {
			margin: 0px auto 20px;
		}
	}
	@media screen and (max-width: 600px){
		#sign-contact {
			padding: 80px 0 80px;
		}
		.device .device-item {
			margin-bottom: 30px;
			height: 430px;
		}
		.device {
			height: auto;
		}
		#kv-herobanner .key-visual {
			text-align: center;
			margin-top: -40px !important;
			z-index: 1;
		}
		#kv-herobanner .watch img {
			width: 80%;
		}
		#kv-herobanner {
			height: auto;
		}
	}
	@media screen and (max-width: 575px){
		.device .device-item {
			margin-bottom: 30px;
			height: 580px;
		}
	}
	@media screen and (max-width: 543px){
		
		#sign-contact h3 {
			line-height: 1.4;
		}
		#kv-herobanner {
			font-size: 75px;
			height: auto;
			padding-bottom: 50px;
		}
		#kv-herobanner h2 {
			color: #ffffff;
			font-family: 'Conv_SukhumvitTadmai_Bol';
			font-size: 0.33em;
		}
	}
	@media screen and (max-width: 475px){
		#kv-herobanner {
			font-size: 75px;
			height: auto;
		}
		#kv-herobanner h1 {
			font-size: 0.5em;
		}
		#kv-herobanner p {
			color: #ffffff;
			font-family: 'Conv_SukhumvitTadmai_Tex';
			font-size: .215em;
		}
		#kv-herobanner .key-visual {
			text-align: center;
			margin-top: -40px !important;
			z-index: 1;
		}
		.device .device-item {
			margin-bottom: 30px;
			height: 530px;
		}
		#kv-herobanner .watch img {
			width: 60%;
		}
		#kv-herobanner img.card-logo {
			width: auto;
			height: 45px;
			margin: auto;
		}
		.device {
			font-size: 22px;
		}
		.device .device-item p {
			font-size: 0.8em;
		}
		#sign-contact h3 {
			color: #ffffff;
			font-family: 'Conv_SukhumvitTadmai_Bol';
		}
		#sign-contact .support-brand p {
			color: #ffffff;
			font-size: 0.55em;
			font-family: 'Conv_SukhumvitTadmai_Thi';
		}
		#sign-contact .support-brand {
			color: #ffffff;
			width: 300px;
			height: 60px;
			padding: 10px;
			background: #0B2760;
			margin: 0px auto 10px;
		}
		#sign-contact p {
			font-family: 'Conv_SukhumvitTadmai_Tex';
			font-size: 0.5em;
			color: #ffffff;
		}
		#sign-contact {
			height: auto;
			font-size: 22px;
		}
	}
	/*อันเก่า  @media screen and (max-width: 475px){
		.device .device-item {
			margin-bottom: 30px;
			height: 430px;
		} */

	}

/** INLINE CSS **/ 

    #card-register-modal .left-icon+span {
        padding-left: 10px;
        font-size: 16px;
        line-height: 1.14;
        max-width: calc(100% - 80px);
        font-family: 'Conv_SukhumvitTadmai_Tex';
    }
    @media (max-width: 576px){
        .card-choice{
            padding: 15px 0;
        }
        #card-register-modal .left-icon+span{
            padding-left: 0;
            line-height: 1.45;
        }

    }
    @media (max-width: 414px){
        #card-register-modal.full-modal .modal-body {
            padding: 0 10px !important;
        }
    }

/** INLINE CSS **/ 

       .grecaptcha-badge {
           visibility: hidden !important;
       }
       .recaptcha-container{
           display: flex;
           justify-content: center;
           align-items: center;
           margin-top: 20px;
       }