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

.update-140-1{
	margin:0;
	padding:0;
	height:49px;
	position:relative;
	z-index:2;
	background:url(../images/update-140-1/bg.png) bottom center no-repeat;
}
.update-140-1 .update-left{
	height: 50px;
	background:
	url(../images/update-140-1/megaphone.png) top right no-repeat;
}
.update-140-1 .update-right{
	font: 24px/38px 'thaisanslite', Arial, sans-serif;
	color: #ffffff;
}
.update-140-1 .update-button{
	margin:0;
	padding:0;
	padding-top:2px;
}
@media (max-width: 374px) { ... }
@media (min-width: 375px) and (max-width: 419px) {
		.update-140-1 .col-3{
	    flex: 0 0 10%;
    max-width: 10%;
}
	.update-140-1 .col-7{
	    flex: 0 0 40%;
    max-width: 40%;
}
	}
@media (min-width: 420px) and (max-width: 575px) { 
	.update-140-1 .col-3{
	    flex: 0 0 10%;
    max-width: 10%;
}
	.update-140-1 .col-7{
	    flex: 0 0 40%;
    max-width: 40%;
}
 }
@media (min-width: 576px) and (max-width: 767px) { 
	.update-140-1 .col-3{
	    flex: 0 0 10%;
    max-width: 10%;
}
 }
@media (min-width: 768px) and (max-width: 991px) {
	.update-140-1 .col-3{
	    flex: 0 0 10%;
    max-width: 10%;
}
	}
@media (min-width: 992px) and (max-width: 1199px) { 
.update-140-1 .col-3{
	    flex: 0 0 15%;
    max-width: 15%;
}
 }
@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) { ... }