* {
margin: 0px;
padding: 0px;
border: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
ul, li, form {
list-style: none;
}
a {
outline: none;
}
img {
border: none;
}
@font-face {
font-family: swiss;
src: url(../fonts/swiss-webfont.eot);
src: url(../fonts/swiss-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/swiss-webfont.woff) format('woff'), url(../fonts/swiss.ttf) format('truetype'), url(../fonts/swiss-webfont.svg#swisswebfont) format('svg');
}
body {
margin: 0px;
padding: 0px;
font-size: 100%;
font-family: swiss;
height: 100%;
}
.forBG {
background: #d7d5d4 url(../images/grayBg.jpg) no-repeat center center;
/*background-size: 100% 100%;*/
width: 100%;
height: 100%;
position: fixed;
z-index: -1;
top: 0;
left: 0;
}
.bottomImg {
background:url(../images/lighter.png) no-repeat center bottom;
/*background-size: 100% 100%;*/
width: 100%;
height: 360px;
position: fixed;
z-index: -1;
bottom: 0;
left: 0;
}
.container {
width:960px;
margin:0 auto;
padding:5% 0 0 0;
}
.content {
}
.logo {
background:url(../images/logo.png) no-repeat;
width:380px;
height:175px;
display:block;
margin:0 auto;
padding:0 0 5% 0;
}
.para {
width:645px;
margin:2% auto;
}
p {
font-family: swiss;
text-align:center;
width:100%;
font-size:16px;
line-height:22px;
/*padding: 0 10%;*/
}
p+p {
margin:4% 0 0 0;
}
@media all and (max-width:1366px) {
.bottomImg {
background-size: 408px 231px;
}
}
@media all and (max-width:1280px) {
.bottomImg {
background-size: 408px 231px;
}
}
@media all and (max-width:1024px) {
.container {
width:750px;
padding-top: 7%;
}
.bottomImg {
background-size: 408px 231px;
}
}
@media all and (max-width:768px) {
.container {
padding-top: 20%;
}
}
@media all and (max-width:600px) {
.container {
width:480px;
}
.para {
width: 445px;
margin: 3% auto;
}
.bottomImg {
background-size:80% 80%;
}
.logo {
background-size:300px 138px;
width:300px;
height:138px;
}
}

@media all and (max-width:480px) {
.container {
width:400px;
}
.para {
width: 400px;
margin: 3% auto;
}
.bottomImg {
background-size:90% 77%;
}
.logo {
background-size:300px 138px;
width:300px;
height:138px;
}
}

@media all and (max-width:360px) {
.container {
width:300px;
padding-top: 20%;
}
.para {
width: 300px;
margin: 3% auto;
}
.bottomImg {
background-size:90% 59%;
}
.logo {
background-size:160px 74px;
width:160px;
height:74px;
}
}

@media all and (max-width:320px) {
.container {
width:300px;
padding-top: 10%;
}
.bottomImg {
background-size: 220px 123px;
}
.logo {
background-size:160px 74px;
width:160px;
height:74px;
}
}
@media all and (width:480px) and (height:320px) {
.container {
width:300px;
padding-top: 10%;
}
.para {
width:300px;
padding-bottom:5%;
}
.bottomImg {
background-size:86% 53%;
}
.logo {
background-size:160px 74px;
width:160px;
height:74px;
}
}
@media all and (width:320px) and (max-height:380px) {
.container {
width:300px;
padding-top: 5%;
}
.para {
width:300px;
padding-bottom:5%;
}
.logo {
background-size: 150px 69px;
width: 150px;
height: 69px;
}
.bottomImg {
background-size: 170px 95px;
}
p {
font-size: 14px;
line-height: 18px;
}
}
@media all and (width:384px) {
.container {
width:300px;
padding-top: 15%;
}
.para {
width:300px;
padding-bottom:5%;
}
.logo {
background-size: 150px 69px;
width: 150px;
height: 69px;
}
.bottomImg {
background-size: 170px 95px;
}
p {
font-size: 14px;
line-height: 18px;
}
}