body{margin:0 auto; padding:0; width:100%; min-width:320px;  max-width:640px; background:url(../images/bg1.jpg) no-repeat center 10%;}

@media screen and (max-width:320px){  body{background:url(../images/bg3.jpg) no-repeat center 10%;}}

@media screen and (min-width:330px) and (max-width:480px){ body{background:url(../images/bg2.jpg) no-repeat center 10%;}}

@media screen and (min-width:490px) and (max-width:640px){ input{background:url(../images/bg1.jpg) no-repeat center 10%;}}

img{width:100%;}

li{list-style-type:none;}



.establish_all{width:100%; margin:0 auto; overflow:hidden;}

.establish_1{width:100%; margin:0 auto; overflow:hidden; position:fixed; top:30%;}

.establish_11{width:73.5938%; margin:0 auto; overflow:hidden;}

.establish_11 input{
	background:#FFF; 
	width:100%; 
	padding-bottom:10px; 
	padding-top:10px; 
	text-align:center; 
	border:none; 
	color:#333;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:#333;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#333;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#333;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#333;
}


.establish_2{width:13.9063%; margin:6% auto 0 auto; overflow:hidden;}

@media screen and (max-width:320px){ .establish_11 input{font-size:12px;}}

@media screen and (min-width:330px) and (max-width:480px){ .establish_11 input{font-size:20px;}}

@media screen and (min-width:490px) and (max-width:640px){ .establish_11 input{font-size:35px;}}