@media screen and (max-width: 980px) {
	section { width: 95%; }
	header nav h3 { position: relative; display: block; font-size: 25px; }
	header nav h3 a { margin-left: 30px; }
	header nav { width: 50%; }
	header nav ul { overflow: auto; position: absolute; margin-top: 16px; width: 100%; height: calc(100vh - 150px); background: #fff; display: none; left: 0; }
	header nav ul.Open { display: block; }
	header nav ul li { display: block; border-bottom: 1px #f6f6f6 solid; }
	header nav ul li b a { padding: 10px 30px; background: none; color: #3f3f3f; font-size: 16px; }
	header nav ul li .sideNav { position: relative; display: block; }
	header nav ul li:hover .sideNav { padding-top: 0; }
	header nav ul li .sideNav p { background: #ffe9e8; }
	header #userBox { width: auto; }
	header #userBox h3 { position: absolute; right: 10px; top: 20px; }
	header #userBox ul { padding-top: 30px; right: 0; }
	#smallP { background-size:cover; background-attachment:inherit; }
	#smallP ul li { width: 33%; }
	footer .row { width: 50%; }
	footer nav.row , footer #qrcode { width: 25%; }
	footer #footerInfo { width: 100% }
	footer #footerInfo p { width: 49%; display: inline-block; }
	#phoneWrap { display: block; }
}

@media screen and (max-width: 640px) {
	header #cis , #smallP ul li { width: 40%; }
	header nav ,footer nav.row , footer #qrcode { width: 30%; }
	header nav ul { margin-top: 20px; }
	header #userBox ul { padding-top: 35px; }
	footer .row , footer #footerInfo { width: 60%; }
	footer #footerInfo p { width: 100%; }
}

@media screen and (max-width: 480px) {
	header #cis {　width: 75%;　}
	header nav {　width: 20%;　}
	header nav ul {　margin-top: 15px;　}
	header #userBox h3 { padding-left: 0; background: none;　}
	header #userBox h3 a { overflow: hidden; padding-right: 1%; width: 34px; height: 34px; background: url(/images/28/main/icon-user.png) no-repeat 0 0; text-indent: -99999px; }
	header #userBox h3 a.close { background-image: url(/images/28/main/icon-user.png); }
	header #userBox ul li { padding-right: 0; }
	footer .row , footer #footerInfo , footer nav.row , footer #qrcode { width: 100%; }
	footer .row > div , footer #footerInfo p { text-align: center; }
	footer nav.row { margin-top: 0; text-align: center; }
	footer nav.row p { margin: 0 10px; display: inline-block; }
	footer nav.row p font , footer #qrcode p:nth-child(1) { display: none; }
	footer #qrcode { margin-top: 5px; }
}

@media screen and (max-width: 450px) {
	header #cis { width: 65%; }
	#smallP ul li { width: 60%; }
}