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

.update-140-1{
	margin:0;
	padding:0;
	height:70px;
	overflow:hidden;
	margin-top: -20px;
	position:relative;
	z-index: 1;
	background:url(../images/update-140-1/bg.png) bottom center no-repeat;
}
.update-140-1 .update-left{
	height: 70px;
	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;
	overflow:hidden;
	margin-top: 24px;
}
.update-140-1 .update-button{
	margin:0;
	padding:0;
	padding-top:2px;
}
.up-so-block{
	position:absolute;
	right: 29px;
    top: 3px;
	}
.up-so1{
	width:100%;
	height:auto;
	}
.up-so2{
	    width: 100%;
    height: auto;
    position: relative;
    left: -22px;
	}
@media (max-width: 374px) {
	.update-140-1{
		margin-top:0px;	
	}
	.up-so-block{
	display:none;
	}
	 }
@media (min-width: 375px) and (max-width: 419px) {
	.update-140-1{
		margin-top:0px;	
	}
		.update-140-1 .col-3{
	    flex: 0 0 17%;
	    max-width: 17%;
}
	.update-140-1 .col-7{
	    flex: 0 0 40%;
    max-width: 40%;
}
.up-so-block{
	display:none;
	}
	}
@media (min-width: 420px) and (max-width: 575px) { 
.update-140-1{
		/* margin-top:0px; */
	}
	.update-140-1 .col-3{
	    flex: 0 0 15%;
	    max-width: 15%;
}
	.update-140-1 .col-7{
	    flex: 0 0 40%;
    max-width: 40%;
}
.up-so-block{
	display:none;
	}
 }
@media (min-width: 576px) and (max-width: 767px) { 
.update-140-1{
		margin-top:0px;	
	}
	.update-140-1 .col-3{
	    flex: 0 0 10%;
    max-width: 10%;
}
.up-so-block{
	display:none;
	}
 }
@media (min-width: 768px) and (max-width: 991px) {
	.update-140-1{
		margin-top:0px;	
	}
	.update-140-1 .col-3{
	    flex: 0 0 10%;
    max-width: 10%;
}
	}
@media (min-width: 992px) and (max-width: 1199px) { 
.update-140-1{
		margin-top:0px;	
	}
.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) { ... }