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


/* screenwidth less than 980px
--------------------------------------------------------------------- */
@media only screen and (max-width: 980px) {

#main_img{
	width:100%;
}

}




/* screenwidth less than 900px
--------------------------------------------------------------------- */
@media only screen and (max-width: 900px) {






}


/* screenwidth less than 800px
--------------------------------------------------------------------- */
@media only screen and (max-width: 800px) {



.flexsliders ul.sliders li{
	width:100%;
}

.flexsliders ul.sliders li img.thumb{
	width:100%;
	height:auto;
}

#goods .flexsliders .flex-viewport{
	margin-left:50px;
}
}



/* screenwidth less than 767px
--------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	
	
	
	
}



/* screenwidth less than 680px
--------------------------------------------------------------------- */
@media only screen and (max-width: 680px) {

ul.flex-direction-nav a.flex-prev{
	background:url(../images/680/prev.png) no-repeat;
	width:36px;
	height:50px;
}


ul.flex-direction-nav a.flex-next{
	background:url(../images/680/next.png) no-repeat;
	width:36px;
	height:50px;

}




.flexsliders ul.sliders li{
	width:500px !important;
	
}



.flexsliders ul.sliders li img.thumb{
	width:100% !important;
	height:auto;
}

#goods .flexsliders .flex-viewport{
	margin-left:0px;
}
	
}


/* screenwidth less than 640px
--------------------------------------------------------------------- */
@media only screen and (max-width: 640px) {


.flex-control-nav {
	display:block !important;
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}

}




/* screenwidth less than 480px
--------------------------------------------------------------------- */
@media only screen and (max-width: 480px) {


ul.flex-direction-nav a.flex-prev{
	background:url(../images/360/prev.png) no-repeat;
	width:22px;
	height:30px;
}


ul.flex-direction-nav a.flex-next{
	background:url(../images/360/next.png) no-repeat;
	width:22px;
	height:30px;

}

.flexsliders{
   width:60%;	
}


.flexsliders > .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 20px;
  }
.flexsliders >  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 20px;
  }
}

/* screenwidth less than 320px
--------------------------------------------------------------------- */
@media only screen and (max-width: 320px) {





}