@charset "utf-8";
/* CSS Document */
body,td,th {
	color: #FFFFFF;
	font-family: "Microsoft YaHei", arial, helvetica;
}
body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	background-image: url(imgs/bg-phone.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
form {
	margin: 0px;
	padding: 0px;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
ul{
	padding-left: 15px;
}
a {
	-webkit-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
	outline: none;
	color: #000;
}
a:focus, a:active {
	outline: none;
}
.titlebox {
	background-image: url(imgs/title-phone.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 250px 146px;
	height: 185px;
}
.logobox {
	text-align: center;
	margin-top: -20px;
}
.logobox .logo {
	width: 100px;
	height: 100px;
}
.logobox h3 {
	margin-top: 0px;
}
.logobox .storebutton  {
	width: 176px;
	height: 50px;
	margin-top: 20px;
	margin-bottom: 30px;
}






@media (min-width: 768px) {
html{
	height: 100%;
}
body {
	background-image: url(imgs/bg-pad.jpg);
	height: 100%;
}
.titlebox {
	background-image: url(imgs/title-pad.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 466px 108px;
	height: 245px;
}
.logobox .logo {
	width: 120px;
	height: 120px;
}
.logobox .storebutton  {
	width: 211px;
	height: 60px;
	margin-top: 20px;
	margin-bottom: 80px;
}
.infobox {
	width: 80%;
}
}
@media (min-width: 992px) {
.infobox {
	width: 50%;
}
}
@media (min-width: 1200px) {

}