@charset "utf-8";
/* CSS Document */

.dowload-app{
	padding: 0;
	margin: 0;
	position:relative;
	min-height: 733px;
	background: url("../images/dowload-app/bg.png") top center no-repeat;
}
.dowload-app .woman{
	top: 295px;
	left: 0;
	position:absolute;
}
.dowload-app .phone{
	top: 110px;
	right: 0;
	position:absolute;
}
.dowload-app .line-qr{
	top: 369px;
	left: 30px;
	position:absolute;
}
.dowload-app .ios-qr{
	top: 340px;
	right: 271px;
	position:absolute;
}


.dowload-app .textname{
	top: 166px;
	left: 0px;
	position:absolute;
	font: 36px/28px 'Kanit', Arial, sans-serif;
	color: #1c78ff;
}

.dowload-app .textcontent{
	top: 222px;
	width: 542px;
	left: 0;
	position:absolute;
	font: 21px/28px 'Kanit', Arial, sans-serif;
}
.dowload-app  .dowload-buttom{
	top: 310px;
	left: 20px;
	position:absolute;
}
@media (max-width: 374px){
.dowload-app .textname{
		
font: 30px/39px 'Kanit', Arial, sans-serif;
		
top: 140px;
}
}
@media (min-width: 375px) and (max-width: 419px) { .dowload-app .woman{
	top: 153px;
	left: 0;
	position:absolute;
}
.dowload-app .phone{
	top:0;
	right: 0;
	position:absolute;
}
.dowload-app .line-qr{
	top: 395px;
	left: 30px;
	position:absolute;
}
.dowload-app .ios-qr{
	top: 340px;
	right: 31px;
	position:absolute;
}


.dowload-app .textname{
	top: 100px;
	left: 0px;
	padding: 20px;
	position:absolute;
	font: 30px/40px 'Kanit', Arial, sans-serif;
}
	.dowload-app .textname img{
	width:100%
}											  

.dowload-app .textcontent{
	top: 210px;
	width: 332px;
	left: 21px;
	position:absolute;
	font: 18px/28px 'Kanit', Arial, sans-serif;
}
.dowload-app  .dowload-buttom{
	top: 325px;
	left: 25px;
	position:absolute;
} }
@media (min-width: 420px) and (max-width: 575px) { .dowload-app .woman{
	top: 153px;
	left: 0;
	position:absolute;
}
.dowload-app .phone{
	top:0;
	right: 0;
	position:absolute;
}
.dowload-app .line-qr{
	top: 340px;
	left: 30px;
	position:absolute;
}
.dowload-app .ios-qr{
	top: 340px;
	right: 31px;
	position:absolute;
}


.dowload-app .textname{
	top: 110px;
	left: 0px;
	padding: 20px;
	position:absolute;
	font: 27px/28px 'Kanit', Arial, sans-serif;
}
	.dowload-app .textname img{
	width:100%
}											  

.dowload-app .textcontent{
	top: 175px;
	width: 377px;
	left: 21px;
	position:absolute;
	font: 18px/28px 'Kanit', Arial, sans-serif;
}
.dowload-app  .dowload-buttom{
	top: 260px;
	left: 10px;
	position:absolute;
}  }
@media (min-width: 768px) and (max-width: 991px) { 
	.dowload-app{
	padding: 0;
	margin: 0;
	position:relative;
	min-height: 653px;
	background: url("../images/dowload-app/bg.png") top center no-repeat;
	background-size: 560% 100%;
}
	.dowload-app .woman{
	top: 153px;
	left: 0;
	position:absolute;
}
.dowload-app .phone{
	top:0;
	right: 0;
	position:absolute;
}
.dowload-app .line-qr{
	top: 340px;
	left: 24px;
	position:absolute;
}
.dowload-app .ios-qr{
	top: 340px;
	right: 181px;
	position:absolute;
}


.dowload-app .textname{
	top: 137px;
	left: 0px;
	padding: 20px;
	position:absolute;
}
	.dowload-app .textname img{
	width:100%
}											  

.dowload-app .textcontent{
	top: 210px;
	width: 607px;
	left: 21px;
	position:absolute;
	font: 18px/28px 'Kanit', Arial, sans-serif;
}
.dowload-app  .dowload-buttom{
	top: 270px;
	left: 10px;
	position:absolute;
}}
@media (min-width: 992px) and (max-width: 1199px) { .dowload-app .woman{
	top: 153px;
	left: 0;
	position:absolute;
	z-index: 2;
}
.dowload-app .phone{
	top:0;
	right: 0;
	position:absolute;
	z-index: 1;
}
.dowload-app .line-qr{
	top: 357px;
	left: 30px;
	position:absolute;
}
.dowload-app .ios-qr{
	top: 340px;
	right: 84px;
	position:absolute;
}
.dowload-app .textname img{
	width:100%
}


.dowload-app .textname{
	top: 142px;
	left: 0px;
	position:absolute;
	font: 33px/28px 'Kanit', Arial, sans-serif;
}

.dowload-app .textcontent{
	top: 190px;
	width: 462px;
	left: 0;
	position:absolute;
	font: 21px/28px 'Kanit', Arial, sans-serif;
}
.dowload-app  .dowload-buttom{
	top: 290px;
	left: 18px;
	position:absolute;
} }
@media (min-width: 1281px) and (max-width: 1366px) { ... }
@media (min-width: 1367px) and (max-width: 1440px) { ... }
@media (min-width: 1441px) and (max-width: 1600px) { ... }