@media only screen and (max-width:1440px) {
.side-nav{
	left: 20px;
	margin-left:0px;
	width: 220px;
	height: 100%;
	border-right: 1px solid #aeaeae;
	top: 0px;
	padding-top: 50px;
}
.side-nav a{
	margin-right: -10px;
}
#container{
	border-left: 0px;	
	margin-left: 220px;
}	
}
@media only screen and (max-width:1300px) {
	#container{
		max-width: 100%;
		margin-left: 0px;
		padding-left: 260px;
		padding-right: 30px;
	}
}
@media only screen and (max-width:996px) {
img{
	width: 100%;
}
#container{
	padding-left: 0px;
	padding-right: 0px;
	border: 0px;
}	
h1{
	padding-top: 70px;
}
.side-nav{
	position:fixed;
	width: 100%;
	margin-left: 0px;
	text-align:center;
	height: auto;
	left: 0px;
	background: #fff;
	padding-bottom: 20px;	
	display: none;
}
.side-nav a{
	padding:0px;
	text-align: left;
	border-bottom:1px solid #e5e5e5;
	padding-left: 20px;
	line-height: 56px;
}
.side-nav a.current{	
	color:#C33;
	background:none;
	font-size: 14px;	
}
.side-nav a.down-btn{
	margin-top: 15px;
	padding-left: 0px;
	float: none;
}
.mobileBtn{
	position: fixed;
	top:0px;
	left: 0px;
	width: 100%;
	height: 50px;
	font-size: 14px;
	line-height: 30px;
	padding-top: 10px;
	padding-left: 10px;
	background:#f1f1f1;
	color:#cc3333;
	display:block;	
}
.mobileBtn a{
	display: block;
	width: 23px;
	height: 16px;
	background:url(/mediafiles/MediaFiles/D/C/C/{DCC8C1CF-A715-467E-B539-9E66237CECCD}mobile_navicon.png) left top no-repeat;
	float: right;	
	margin-right: 10px;
	margin-top: 5px;
}
.mobileBtn a.colse{
	background:url(/mediafiles/MediaFiles/D/C/C/{DCC8C1CF-A715-467E-B539-9E66237CECCD}mobile_navicon.png) left bottom no-repeat;
}
.Mask{
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	display:none;
	background: #000;
	background: url(/mediafiles/MediaFiles/5/7/F/{57FDA667-7505-4B68-8855-1D7236EE3020}bg-alpha.png);
}	
}
@media only screen and (max-width:768px) {
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, p, th, td, dl, dt, dd{
	font-size: 14px;
	line-height: 24px;
}	
h1{
	font-size: 24px;
	line-height: 36px;	
}
h2{
	font-size: 20px;
	line-height: 36px;
	color:#cc3333;
	text-align:center;
	margin-bottom: 15px;
}
h3{
	margin-bottom:10px;
}
.introduc img{
	width: 100%;
	float: none;
	margin: 0px auto;
	display: block;	
}
.introduc .text{
	width: 100%;
	float: none;
	font-size: 16px;
	line-height: 36px;
	color:#333333;
}
.content{
	padding: 0px 15px;
}
table tr td,table tr th{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:5px;
	color:#666666;
}
table tr th{
	font-size: 16px;
	color:#fff;
	font-weight: normal;
}
.product-Character{
	padding-top: 15px;
	padding-bottom: 15px;
}
.character-list li{
	padding-left:24px;
	background:url(/mediafiles/MediaFiles/5/B/D/{5BD813A5-7893-49BF-ACC9-CD2F5D913C25}icon-point.png) left 9px no-repeat;	
	margin-bottom: 5px;
}
}

/*=S Add style 20150603 By yangsai*/
@media only screen and (max-width:1440px) {
.side-nav{padding-top:155px;}
#header .logobox{
	left:20px;
	margin-left:0px;
	width:220px;
	border-right:1px solid #aeaeae;
}
#header{
	border-left: 0px;	
	margin-left: 220px;
}	
}
@media only screen and (max-width:996px) {
h1{padding-top:35px;}
#header{margin-left:0;padding-left:10px;padding-right:10px;padding-top:60px;}
#header .logobox{ position:static;border-right:none;float:left;width:150px;margin-right:25px; text-align:left;}
#header .logobox img{width:150px;}
.bread_crumbs{float:left;padding-top:10px;width:calc(100% - 175px)}
}
@media only screen and (max-width:768px) {
#header .logobox,.bread_crumbs{float:none;}
.bread_crumbs{width:100%}
.bread_crumbs p{margin-left:0;}
}
/*=E Add style 20150603 By yangsai*/