@charset "utf-8";
/* CSS Document */
.all-block{
	width:100%;
	height: 565px;
	background: #c4c7cc url(../images/banner-38-1/bg.jpg) top center no-repeat;
	/* margin-top: -40px; */
	padding-top: 30px;
	}
.banner-38-1{
	margin:0;
	padding-top: 93px;
	position:relative;
}
.announce-block-top{
	    padding-top: 70px;
	height:189px;
	text-align:center;
}
.announce-block-top img{
	max-width:100%;
	height:auto;	
}

.banner-38-1 .banner1 {
	right:0;
	left:0;
	bottom: auto;
	padding:0;
	}
.banner-38-1 .banner1 img{
	width:100%;
	-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
	}	
.banner-38-1 .banner-newarrival{
	/* margin-top:30px;*/
}
.banner-38-1 .carousel-indicators{
	bottom: 0;
}
.banner-38-1 .banner-newarrival-top{
	margin:25px 0px;
	color:#e2666c;
	font: 28px/35px 'thaisanslite', Arial, sans-serif;
	font-weight:bold;
}
.banner-38-1 .banner-newarrival-mid{
	    margin-top: 35px;
}
.banner-38-1 .banner-newarrival-mid .carousel-control-prev{
	display:none;	
	}
.banner-38-1 .banner-newarrival-mid .carousel-control-next{
	display:none;	
	}
.banner-38-1 .banner-newarrival-mid .carousel-item {
       min-height: 372px;
       border:5px solid #fff;
       background: no-repeat center center scroll;
       -webkit-background-size: cover;
       -moz-background-size: cover;
       -o-background-size: cover;
       background-size: cover;
       -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
       border-radius: 30px;
}
.banner-38-1 .banner-newarrival-mid .carousel-indicators{
	position: absolute;
	right: 0;
	bottom: -33px;
}
.banner-38-1 .banner-newarrival-mid .carousel-indicators li{
	width:10px;
	height:9px;
	background:url(../images/all-38-1/normal-1.png) top left no-repeat;
	background-size:cover;
}
.banner-38-1 .banner-newarrival-mid .carousel-indicators .active{
	width:36px;
	height:9px;
	background:url(../images/all-38-1/select-1.png) top left no-repeat;
	background-size:cover;
}
/*************************************************/
@media (max-width: 359px) { 
.banner-38-1{padding-top: 20px;}
	.announce-block-top{
	    padding-top: 109px;	
	}
	.banner-38-1 .banner-newarrival{
		    margin-top: 0px;	
	}
	.banner-38-1 .banner-newarrival-mid .carousel-item {
    	min-height: 166px;
 }
	.banner-38-1 {
    padding-bottom: 0px !important;
}
.all-block {
    height: auto;
    margin-top: 0;
}
 }
 @media (min-width: 360px) and (max-width: 374px) {
	 .banner-38-1{
}
	.announce-block-top{
	    padding-top: 109px;	
	}
	.banner-38-1 .banner-newarrival{
		       margin-top: 0px;	
	}
	.banner-38-1 .banner-newarrival-mid .carousel-item {
    	min-height: 193px;
	} 
	.banner-38-1 {
    padding-bottom: 50px !important;
}
.all-block {
    height: auto;
    margin-top: 0;
}
 }
 @media (min-width: 375px) and (max-width: 413px) {
	 .banner-38-1{padding-top: 20px;}
.announce-block-top{
	    padding-top: 109px;	
	}
	.banner-38-1 .banner-newarrival{
		        margin-top: 0px;	
	}
	.banner-38-1 .banner-newarrival-mid .carousel-item {
    	min-height: 201px;
	}
	.banner-38-1 {
    /* padding-bottom: 50px !important; */
}
.all-block {
    height: auto;
    margin-top: 0;
}
 }
 @media (min-width: 414px) and (max-width: 575px) {
	 .banner-38-1{
}
.announce-block-top{
	    padding-top: 109px;	
	}
	.banner-38-1 .banner-newarrival{
		       margin-top: 0px;
	}
	.banner-38-1 .banner-newarrival-mid .carousel-item {
    	min-height: 223px;
	}
	.banner-38-1 {
    padding-bottom: 50px !important;
}
.all-block {
    height: auto;
    margin-top: 0;
}
 }
@media (min-width: 576px) and (max-width: 767px) { 
.banner-38-1{
	margin-top: -60px;	
}

	.announce-block-top{
	    padding-top: 109px;	
	}
	.banner-38-1 .banner-newarrival {
    margin-top: 0;
 }
	.banner-38-1 .banner-newarrival-mid .carousel-item {
    min-height: 401px;
}
.all-block {
    height: auto;
    margin-top: 0;
}
 }
@media (min-width: 768px) and (max-width: 991px) { 
.banner-38-1 .container-cv-5{
	    width: 100%;
}
.banner-38-1 {
    padding-bottom: 50px !important;
    padding-top: 20px;
}
.banner-38-1 .banner-newarrival-mid .carousel-item {
    min-height: 414px;
}
.all-block {
    height: auto;
    margin-top: 0;
}
 }
@media (min-width: 992px) and (max-width: 1199px) { 
.banner-38-1 {
	    min-height: 430px;	
}
.banner-38-1 .banner-newarrival-mid .carousel-item{
	    min-height: 539px;
}
.banner-38-1 .container-cv-5{
	    width: 100%;
}
.all-block {
    height: auto;
    margin-top: 0;
}
 }
@media (min-width: 1200px) and (max-width: 1280px) {
	.banner-38-1{
	}
	.banner-38-1 .banner-newarrival-mid .carousel-item{
		min-height: 270px;
	}
}
@media (min-width: 1281px) and (max-width: 1366px) { 
	.banner-38-1{
	}
	.banner-38-1 .banner-newarrival-mid .carousel-item{
		min-height: 367px;
	}
	.banner-38-1 .container-cv-5{
	    width: 100%;
}
 }
@media (min-width: 1367px) and (max-width: 1440px) { 
.banner-38-1{
	}
	.banner-38-1 .banner-newarrival-mid .carousel-item{
		min-height: 295px;
	}
	.banner-38-1 .banner-newarrival-mid .carousel-indicators{
	}
 }
@media (min-width: 1441px) and (max-width: 1600px) { 
.banner-38-1{
	}
	.banner-38-1 .banner-newarrival-mid .carousel-item{
		/* min-height: 374px; */
	}
 }