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

.slogan{
	margin:0;
	padding:0;
	position:relative;
	min-height:805px;
	background:url(../images/content/slogan/bg.png) bottom right no-repeat;	
}
.slogan .slogan-text{
	position:absolute;
	top:0;
	left:0;
	width:659px;
	height:343px;
	padding: 100px 63px 63px 70px;
	font: 28px/35px 'Kanit', Arial, sans-serif;
	color:#fff;
	background:url(../images/content/slogan/bg-text.png) top left no-repeat;
}
@media (max-width: 374px) { 
.slogan{
	background: url(../images/content/slogan/bg.png) bottom right no-repeat;
    background-size: 100%;	
	  min-height: 385px;
}
.slogan .slogan-text{
	      width: 333px;
    height: 235px;
    padding: 40px 14px 63px 21px;
    font: 16px/24px 'Kanit', Arial, sans-serif;
    background-size: 100%;
}
 }
@media (min-width: 375px) and (max-width: 419px) { 
.slogan{
	background: url(../images/content/slogan/bg.png) bottom right no-repeat;
    background-size: 100%;	
	     min-height: 445px;
}
.slogan .slogan-text{
	    width: 339px;
    height: 302px;
    padding: 40px 14px 63px 21px;
   font: 16px/24px 'Kanit', Arial, sans-serif;
    background-size: 100%;
}
 }
@media (min-width: 420px) and (max-width: 575px) { 
.slogan{
	background: url(../images/content/slogan/bg.png) bottom right no-repeat;
    background-size: 100%;	
	     min-height: 445px;
}
.slogan .slogan-text{
	    width: 389px;
    height: 302px;
    padding: 47px 14px 63px 21px;
    font: 16px/24px 'Kanit', Arial, sans-serif;
    background-size: 100%;	
}
 }
@media (min-width: 576px) and (max-width: 767px) { 
.slogan{
	background: url(../images/content/slogan/bg.png) bottom right no-repeat;
    background-size: 100%;	
	     min-height: 445px;
}
.slogan .slogan-text{
	    width: 389px;
    height: 302px;
    padding: 47px 14px 63px 21px;
    font: 23px/32px 'THK2DJuly8', Arial, sans-serif;
    background-size: 100%;	
}
 }
@media (min-width: 768px) and (max-width: 991px) { 
.slogan{
	background: url(../images/content/slogan/bg.png) bottom right no-repeat;
    background-size: 100%;	
	    min-height: 575px;
}
 }
@media (min-width: 992px) and (max-width: 1199px) { 
.slogan{
	    min-height: 575px;
		background-size: 100%;	
}
.slogan .slogan-text{
	     padding: 64px 20px 20px 35px;
    font: 26px/30px 'THK2DJuly8', Arial, sans-serif;
    background-size: 100%;
    width: 450px;
    height: 244px;
}
 }
@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) { ... }