div#main{
  margin: 0 auto;
}
div#content{
  width:100%;
  margin:10px auto 0 auto;;
  overflow:hidden;
  position:relative;
}
@media only screen and (max-width: 780px){
div#content{
  margin:10px auto 30px auto;
}
}
/* specialBanner
**************************** */
div.special-banner{
	width:100%;
	height:auto;
	margin-bottom:30px;
	overflow:hidden;
	border: 1px solid #eee;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
div.special-banner img{
	width:100%;
	height:auto;
	display:block;
}
/* mainLink
**************************** */
ul#mainLink{
	width:100%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}
ul#mainLink li{
	margin-bottom:30px;
	text-align:center;
	float:left;
	position:relative;
}
ul#mainLink li:nth-child(3){
	width:65.1%;
	margin-right:3.9%;
}
ul#mainLink li:nth-child(4){
	width:31%;
}
ul#mainLink li:nth-child(1){
	width:48%;
	margin-right:4%;
}
ul#mainLink li:nth-child(2){
	width:48%;
}
ul#mainLink li img{
	width:100%;
	display:block;
  	border:1px solid #eee;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
span.mainLinkTitle{
	width:100%;
	margin:2px auto;
	display:block;
	font-weight:bold;
}
span.mainLinkSubTitle{
	width:100%;
	margin:4px auto 0 auto;
	display:block;
}
/* new items list */
div#content h2 {
    width: 100%;
    margin: 20px auto 10px auto;
    display: block;
    font-weight: bold;
}
ul#newItems{
  width:100%;
  overflow:hidden;
}
ul#newItems li{
  width:32%;
  margin:0 2% 50px 0;
  float:left;
}
ul#newItems li:nth-child(3n){
  margin-right:0;
}
p.newItemsListImg{
	width:100%;
  height:auto;
  margin:0;
  overflow:hidden;
    background:#fff;
    	border:1px solid #eee;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
p.newItemsListImg img{
  width:90%;
  margin:0 auto;
  display:block;
}
p.newItemsListTitle{
  width:94%;
  height:32px;
  margin:10px auto 0 auto;
  display:block;
}
p.newItemsListText{
  width:75%;
  margin:0 0 0 auto;
  display:block;
  line-height:1.4;
}
/* main¡§900px
====================================================*/
@media only screen and (max-width: 900px) {
	ul#mainLink{
		margin: 20px auto 0 auto;
	}
	ul#mainLink li {
		margin-bottom: 20px;
	}
	span.mainLinkTitle{
		font-weight:normal;
	}
}
/* main¡§780px
====================================================*/
@media only screen and (max-width: 780px) {
	/* new items list */
	div#content h2 {
		margin: 30px auto 10px auto;
	}
}
/* ¡§650px
====================================================*/
@media only screen and (max-width: 650px) {
  div#main{
    margin:0 auto;
  }
    /*new items list */
  ul#newItems li {
    width: 48%;
    margin: 0 4% 20px 0;
    float: left;
  }
    ul#newItems li:nth-child(odd) {
      margin-right:4%;
  }
      ul#newItems li:nth-child(even) {
      margin-right:0;
  }
  p.newItemsListTitle {
    width:100%;
    margin: 10px auto 0 auto;
    font-weight: normal;
  }
}