/*****************
     by width
*****************/
@media (min-width: 320px) and (max-width: 479px) {
  #banner>img {
      /*width: 320px; height:72px;*/
	  width:100%; height:auto;
  }
  #page-album-list img, #page-video-list img, #page-product-list img {
      width: 140px; height: 105px;
  }
  #page-album-list .diet img {
      width: 290px; height: 290px; border-radius:145px;  border:1px solid #eaeaea; /*padding:3px;*/ padding:0;
  }
  #page-album-list .partner img {
      width:130px; height: 130px; border-radius:65px;  border:1px solid #eaeaea; padding:8px;
  }
  #page-news-list-pic-left img {
      width: 115px; height: 86px;
  }
  #page-news-list-pic-left .fitness img {
      width: 270px; height: 270px; border-radius:135px;  border:1px solid #eaeaea; padding:5px;
  }
  #page-news-list-pic-top img {
      width: 290px; height: 90px;
  }
  #default-carousel1 img {
      /*width: 320px; height: 152px;*/
	  width:100%; height:auto;
  }
  
  #page-default-bottom-r1 img {
      width: 93px; height: 70px;
  }
}
@media (min-width: 480px) and (max-width: 639px) {
  #banner>img {
      width: 480px; height: 95px;
  }
  #page-album-list img, #page-video-list img, #page-product-list img {
      width: 220px; height: 165px;
  }
  #page-album-list .diet img {
      width: 210px; height: 210px; border-radius:105px;  border:1px solid #eaeaea; /*padding:5px;*/ padding:0;
  }
  #page-album-list .partner img {
      width:210px; height: 210px; border-radius:105px;  border:1px solid #eaeaea; padding:8px;
  }
  #page-news-list-pic-left img {
      width: 182px; height: 136px;
  }
  #page-news-list-pic-left .fitness img {
      width: 430px; height: 430px; border-radius:215px;  border:1px solid #eaeaea; padding:5px;
  }
  #page-news-list-pic-top img {
      width: 450px; height: 140px;
  }
  #default-carousel1 img {
      width: 480px; height: 233px;
  }

  #page-default-bottom-r1 img {
      width: 147px; height: 110px;
  }
}
@media (min-width: 640px) and (max-width: 767px) {
  #banner>img {
      width: 640px; height: 126px;
  }
  #page-album-list img, #page-video-list img, #page-product-list img {
      width: 300px; height: 225px;
  }
  #page-album-list .diet img {
      width: 290px; height: 290px; border-radius:145px;  border:1px solid #eaeaea; /*padding:8px;*/ padding:0;
  }
  #page-album-list .partner img {
      width:288px; height: 288px; border-radius:144px;  border:1px solid #eaeaea; padding:8px;
  }
  #page-news-list-pic-left img {
      width: 248px; height: 186px;
  }
  #page-news-list-pic-left .fitness img {
      width: 248px; height: 248px; border-radius:124px;  border:1px solid #eaeaea; padding:5px;
  }
  #page-news-list-pic-top img {
      width: 610px; height: 190px;
  }
  #default-carousel1 img {
      width: 640px; height: 314px;
  }

  #page-default-bottom-r1 img {
      width: 200px; height: 150px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #banner{
		overflow:hidden;
		height:280px;
	}
  #banner>img {
		max-width:inherit;
       width:1418px; height:280px;
	   left:50%;
	    margin-left:-709px; position:relative;display:block;
  }
  #page-album-list img, #page-video-list img, #page-product-list img {
      width: 236px; height: 177px;
  }
  #page-album-list .diet img {
      width: 236px; height: 236px; border-radius:118px;  border:1px solid #eaeaea; padding:5px;
  }
  #page-album-list .partner img {
      width:168px; height: 168px; border-radius:84px;  border:1px solid #eaeaea; padding:8px;
  }
  #page-news-list-pic-left img {
      width: 226px; height: 170px;
  }
  #page-news-list-pic-left .fitness img {
      width: 226px; height: 226px; border-radius:113px;  border:1px solid #eaeaea; padding:3px;
  }
  #page-news-list-pic-top img {
      width: 698px; height: 218px;
  }
  /*#default-carousel1 img {
      width: 708px; height: 307px;
  }*/
  #default-carousel1 .item{
	  overflow:hidden;
  }
  #default-carousel1 img {
	  height:788px;
	   left:50%;
	    margin-left:-709px; 
	   position:relative;display:block;
     /* width: 100%; height: auto;*/
  }

  #page-default-bottom-r1 img {
      width: 229px; height: 172px;
  }
  #page-default-center-r2c1 img{
	  width: 229px; height: 172px;
  }
}
@media (min-width: 992px)  {
  
  #page-album-list img, #page-video-list img {
      width: 238px; height: 160px;
  }
  #page-album-list .diet img {
      width: 286px; height: 286px; border-radius:143px;  border:1px solid #eaeaea; padding:8px;
  }
  #page-album-list .partner img {
      width:168px; height: 168px; border-radius:84px;  border:1px solid #eaeaea; padding:8px;
  }
  #page-product-list img {
      width: 170px; height: 170px;
  }
  #page-news-list-pic-left img {
      width: 153px; height: 114px;
  }
  #page-news-list-pic-left .fitness img {
      width: 434px; height: 434px; border-radius:217px;  border:1px solid #eaeaea; padding:8px;
  }
  #page-news-list-pic-top img {
      width: 640px; height: 199px;
  }
  #page-default-bottom-r1 img {
      width: 145px; height: 109px;
  }
}
@media (min-width: 992px) and (max-width: 1199px){
	#banner{
		overflow:hidden;
		height:280px;
	}
	#banner>img {
		max-width:inherit;
       width:1418px; height:280px;
	   left:50%;
	    margin-left:-709px; position:relative;display:block;
  }
  #default-carousel1 .item{
	  overflow:hidden;
  }
  #default-carousel1 img {
	  height:718px;
	   left:50%;
	    margin-left:-709px; 
	   position:relative;display:block;
     /* width: 100%; height: auto;*/
  }
}
@media (min-width: 1200px){
   #default-carousel1 .item{
	  overflow:hidden;
  }
  #default-carousel1 img {
      margin-left:-960px; left:50%;position:relative;display:block;
  }
  #page-album-list img, #page-video-list img {
      width: 238px; height: 160px;
  }
  #page-album-list .diet img {
      width: 286px; height: 286px; border-radius:143px;  border:1px solid #eaeaea; padding:8px;
  }
  #page-album-list .partner img {
      width:168px; height: 168px; border-radius:84px;  border:1px solid #eaeaea; padding:8px;
  }
}
@media (min-width: 1200px) and (max-width:1399px){
	/*#banner{
		height:320px;
	}
	#banner>img {
		max-width:inherit;
		width:1920px;
       margin-left:-960px; left:50%;position:relative;display:block; height:320px;
  	}*/
}
@media (min-width: 1400px){
	#banner{height:380px;}
	#banner>img {
		max-width:inherit;
      width:1920px; height:380px;
  }
  #default-carousel1 img {
      width:1920px; height: auto;
  }
}