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

.promote{
	margin:0;
	padding:20px 15px;
		
}
.promote .tp-1{ 
	color:#fff;
	padding-left:20px;
	 font: 20px/20px 'Kanit', Arial, sans-serif;
}
.promote .tp-2{ 
	margin-top:20px;
	padding-top: 20px;
	padding-left:20px;
	color:#fff;
	height:85px;
	font-family:
	'Kanit', Arial, sans-serif;
	background:
	url(../images/promote/bg-red.png) top left no-repeat;
}
.promote .tp-3{
	padding-top: 20px;
	padding-left:20px;
	color:#fff;
	font: 18px/24px 'Kanit', Arial, sans-serif;
}
.promote .tp-3 .text-in{ 
	padding:10px 0px;
	font: 18px/24px 'Kanit', Arial, sans-serif;
}
.promote .tp-4{
	padding-top: 20px;
	padding-left:20px;
	color:#f6891d;
	font-family:
	'Kanit', Arial, sans-serif;
}

.promote .tp-5{
	padding-top: 20px;
	padding-left:20px;
	color:#ffff;
	font-family:
	'Kanit', Arial, sans-serif;
}
.promote .tp-5 ul{ 

}
.promote .tp-5 ul li{ 
	padding-left:20px;
	background:url(../images/promote/bullet.png) top left no-repeat;
}
.promote .poster{
	
}
.promote .poster img{
	max-width:100%;
	height:auto;
}

.promote .tp-6{ 
margin-top:20px;
	padding:30px 20px;
	color:#ffff;
	font-family:'Kanit', Arial, sans-serif;
	background:#0c1c4dbd;
}
.promote .tp-6 ol{ 

}
.promote .tp-6 ol li{ 
	padding:5px 0px;
	font: 18px/24px 'Kanit', Arial, sans-serif;
}
.promote .tp-6 a{ 
	color:#2eade6;
	text-decoration:underline;
}
.promote .tp-6 a:hover{ 
	color:#68d0ff;
}

.promote .download{ 
	margin-top:20px;
	padding:30px 20px;
}
.promote .download .button{ 

}
.promote .download .button img{ 
	max-width:100%;
	height:auto;
}
.promote .download .text{ 

}
.promote .download .text img{ 
	max-width:100%;
	height:auto;
}
.promote .download .qrcode{ 
	margin-left:20px!important;
}
.promote .download .qrcode img{ 
	max-width:100%;
	height:auto;
}

.promote .picslide{ 
	margin-top:20px;
	padding:30px 20px;

}
.promote .picslide img{ 
	max-width:100%;
	height:auto;
}
@media (max-width: 374px) { 
.promote .tp-1{
	margin-top:20px;
	padding-left:0px;
	font: 16px/25px 'Kanit', Arial, sans-serif;
}
	.promote .tp-1 h3{
	    font-size: 1.3rem;
}
.promote .tp-1 span{
	display:block;
}
.promote .tp-2{
	padding-top: 8px;	
	padding-left:10px;
}
.promote .tp-2 h1{
	font-size: 1.65rem;
}
.promote .tp-2 span{
	display:block;
}
.promote .tp-3 {
	font: 16px/24px 'Kanit', Arial, sans-serif;
	padding-left:0px;
}
.promote .tp-3 span{
	display:block;
}
.promote .tp-3 br{
	display:none;
}
.promote .tp-4 {
	padding-left:0px;
}
.promote .tp-4 h3{font-size: 1.4rem;}
.promote .tp-4 span{
	display:block;
}
.promote .tp-4 br{
	display:none;
}
.promote .tp-5{
	padding: 0px 20px;	
	    margin-top: 20px;
		padding-left:0px;
}
.promote .tp-5 span{
	display:block;
}
.promote .tp-5 h3{
	font-size: 1.4rem;
}
.promote .poster {
	margin-top:20px;
}
.promote .tp-6 h3{
	font-size:1.5rem;
}
.promote .tp-6 br{
	display:none;
}
.promote .tp-6 span{
	display:block;
}
.promote .tp-6 ol{
	    padding-left: 15px;	
}
.promote .tp-6 ol li{
	    font: 15px/24px 'Kanit', Arial, sans-serif;	
}
 }
@media (min-width: 375px) and (max-width: 419px) { 
.promote .tp-1{
	margin-top:20px;
	padding-left:0px;
	font: 16px/25px 'Kanit', Arial, sans-serif;
}
	.promote .tp-1 h3{
	    font-size: 1.4rem;
}
.promote .tp-1 span{
	display:block;
}
.promote .tp-2{
	padding-top: 8px;	
	padding-left:10px;
}
.promote .tp-2 h1{
	font-size: 1.65rem;
}
.promote .tp-2 span{
	display:block;
}
.promote .tp-3 {
	padding-left:0px;
	font: 16px/24px 'Kanit', Arial, sans-serif;
}
.promote .tp-3 span{
	display:block;
}
.promote .tp-3 br{
	display:none;
}
.promote .tp-4 {
	padding-left:0px;
}
.promote .tp-4 h3{font-size: 1.5rem;}
.promote .tp-4 span{
	display:block;
}
.promote .tp-4 br{
	display:none;
}
.promote .tp-5{
	padding: 0px 20px;	
	    margin-top: 20px;
		padding-left:0;
}

.promote .tp-5 h3{
	font-size: 1.57rem;
}
.promote .tp-5 span{
	display:block;
}
.promote .poster {
	margin-top:20px;
}
.promote .tp-6 h3{
	font-size:1.5rem;
}
.promote .tp-6 span{
	display:block;
}
.promote .tp-6 br{
	display:none;
}
.promote .tp-6 ol{
	    padding-left: 15px;	
}
.promote .tp-6 ol li{
	    font: 15px/24px 'Kanit', Arial, sans-serif;	
}
.promote .download{
	margin-top: 0px;	
}
.promote .picslide{
	margin-top:0px;
	padding:0px 20px;	
}
 }
@media (min-width: 420px) and (max-width: 575px) {
	.promote .tp-1{
	margin-top:20px;	
	font: 18px/25px 'Kanit', Arial, sans-serif;
}
	.promote .tp-1 h3{
	    font-size: 1.5rem;
}
.promote .tp-2{
	padding-top: 8px;	
}
.promote .tp-2 h1{
	font-size: 1.8rem;
}
.promote .tp-2 span{
	display:block;
}
.promote .tp-3 span{
	display:block;
}
.promote .tp-3 br{
	display:none;
}
.promote .tp-4 h3{
font-size: 1.65rem;
}
.promote .tp-4 span{
	display:block;
}
.promote .tp-4 br{
	display:none;
}
.promote .tp-5{
	padding: 0px 20px;	
	    margin-top: 20px;
}
.promote .tp-5 span{
	display:block;
}
.promote .tp-5 h3{
	font-size: 1.68rem;
}
.promote .poster {
	margin-top:20px;
}
.promote .tp-6 span{
	display:block;
}
.promote .tp-6 br{
	display:none;
}
.promote .tp-6 ol{
	    padding-left: 15px;	
}
.promote .tp-6 ol li{
	    font: 17px/24px 'Kanit', Arial, sans-serif;	
}
.promote .picslide{
	margin-top: 0px;	
}
.promote .download{
	margin-top: 0px;	
}
.promote .picslide{
	margin-top:0px;
	padding:0px 20px;	
}
	 }
@media (min-width: 576px) and (max-width: 767px) { 
.promote .tp-1{
	margin-top:20px;	
	font: 20px/30px 'Kanit', Arial, sans-serif;
}
.promote .tp-2 h1{
	font-size: 2.2rem;
}
.promote .tp-3 span{
	display:block;
}
.promote .tp-3 br{
	display:none;
}
.promote .tp-4 span{
	display:block;
}
.promote .tp-4 br{
	display:none;
}
.promote .tp-6 ol{
	    padding-left: 15px;	
}
.promote .poster {
	margin-top:20px;
}
.promote .tp-6 br{
	display:none;
}
.promote .tp-6 span{
	display:block;
}
.promote .tp-6 ol li{
	    font: 17px/24px 'Kanit', Arial, sans-serif;	
}
.promote .download{
	margin-top: 0px;	
}
.promote .picslide{
	margin-top:0px;
	padding:0px 20px;	
}
 }
@media (min-width: 768px) and (max-width: 991px) { 
.promote .tp-1{
	margin-top:20px;	
}
.promote .poster {
	margin-top:20px;
}
.promote .tp-6 ol li{
	    font: 17px/24px 'Kanit', Arial, sans-serif;	
}
}
@media (min-width: 992px) and (max-width: 1199px) { 
.promote .tp-3{
	    font: 17px/24px 'Kanit', Arial, sans-serif;	
}
.promote .tp-4 h3{
	    font-size: 1.64rem;	
}
}

@media (min-width: 1200px) and (max-width: 1280px) { ... }
@media (min-width: 1281px) and (max-width: 1366px) { ... }
@media (min-width: 1367px) and (max-width: 1440px) { ... }
@media (min-width: 1441px) and (max-width: 1600px) { 
/*.promote .tp-6 span{
	display:block;
}*/
}