body
{
max-width:100%;
height:auto;
text-align:left;
background-color:#F0F0F0;
background-image:url("bg.jpg");
background-origin:border-box;
background-size:100% 75%;
background-repeat:no-repeat;
background-position:top left;
text-decoration:none;
font-family:'Roboto',Corbel,Arial;
margin:0px;
-webkit-font-smoothing :subpixel-antialiased;

}
@media (min-width:250px) and (max-width:775px) {
body {
background-image:url("bg1.jpg");
background-origin:border-box;
background-size:100% 100%;
background-repeat:no-repeat;
background-position:top left;
}
}

a {
  color: inherit; /* blue colors for links too */
  text-decoration: inherit; /* no underline */
}
img {
	cursor: pointer;
}
::-webkit-scrollbar-track
{
	border-radius: 3px;
	background-color:#fff ;
}

::-webkit-scrollbar
{
   height:7px;
	width: 10px;
	background-color:#FFFFFF;
}

::-webkit-scrollbar-thumb
{
 
	border-radius: 3px;
	background-color: #d9d9d9;
}
/**********/
input::-webkit-input-placeholder {
color: #FFF;
}
 
input:-moz-placeholder { /* Firefox 18- */
color: #FFF;  
}
 
input::-moz-placeholder {  /* Firefox 19+ */
color: #FFF; 
}
 
input:-ms-input-placeholder {  
color: #FFF; 
}

/*******************************/
.header {
width:auto;
height:60px;

margin:auto;
padding:0px;
}
.header ul {
width:600px;
height:58px;

margin:auto;
list-style:none;
}
.header ul li {
width:135px;
height:56px;

float:left;
margin-left:3px;
}
.header ul li p {
font-size:16px;
color:#fff;
text-align:center;
padding-top:4px;
}
@media (min-width:250px) and (max-width:775px) {
	.header ul li {
		width:135px;
		height:25px;
		float:none;
	}
	.header ul {
		width:135px;
		height:110px;
	
		padding-left:0px;
	
	}
	.header ul li p {
padding-top:0px;
margin-top:0px;
}
}

/************************************/
.div1 {
width:800px;
height:60px; 
margin:auto;
margin-top:40px;
}
.div1 h1 {
font-size:26px;
color:#fff;
font-weight:400;
text-align:center;	
}
@media (min-width:250px) and (max-width:775px) {
.div1 {
width:90%;
height:60px; 
margin:auto;
margin-top:80px;
}
.div1 h1 {
font-size:26px;
color:#fff;
font-weight:400;
text-align:center;	
}	
}
.div12 {
width:80%;
min-width:320px;
height:700px;
max-height:auto;	
margin:auto;

}

.div2,.div02 {
width:49%;
min-width:300px;
height:auto;
float:left;
margin-top:40px;
margin-left:6px;
}
@media (min-width:250px) and (max-width:775px) {
.div12 {
height:1100px;
width:320px;
margin:auto;

}
.div2 {
height:auto;
float:none;	
margin:auto;

}	
}

.div21 iframe {
width:310px;
height:430px;
margin-top:70px;
margin-left:23px;
border:none;
}
	

.div21 {
width:360px;
min-width:330px;
height:600px;
margin:auto;
background-image:url("mobile1.png");
background-size:100% 100%;
background-repeat:no-repeat;

}
@media (min-width:250px) and (max-width:775px) {
.div21 {
width:300px;
height:600px;
margin:auto;
margin-left:-20px;
background-image:url("mobile1.png");
background-size:100% 100%;
background-repeat:no-repeat;

}

.div21 iframe {
width:300px;
height:430px;
margin-top:70px;
margin-left:15px;
border:none;
}
}

.div2 form {
width:80%;
height:auto;
margin-top:60px;
margin-left:40px;

}
@media (min-width:250px) and (max-width:775px) {
.div2 form {
width:90%;
height:380px;
margin-top:20px;
margin-left:10px;

}
.div2 input {
width:90%;
height:40px;
border:none;
margin-left:5px;
margin-top:5px;	
background-color:rgba(0, 0, 0, 0.6);
color:#fff;
padding-left:4px;
}
}
.div2 form p {
	font-size:14px;
color:#fff;
margin-left:40px;
margin-top:3px;
margin-bottom:1px;
}
.div2 input {
width:80%;
height:40px;
border:none;
margin-left:40px;
margin-top:5px;	
background-color:rgba(0, 0, 0, 0.6);
color:#fff;
padding-left:4px;
}
.div2 textarea {
width:80%;
min-width:80%;
max-width:80%;
height:40px;
min-height:40px;
max-height:75px;
border:none;
margin-left:40px;
margin-top:5px;	
background-color:rgba(0, 0, 0, 0.6);
color:#fff;
padding-left:4px;
}
.div2 button {
width:80px;
height:30px;
margin-left:40%;
margin-top:8px;
background-color:#00cc66;
border:none;	
color:#fff;
box-shadow:0px 2px #4d4d4d;
font-size:14px;
}
/**********************************/
.div3 ,.div31,.div32 {
width:auto;
min-width:300px;
height:auto;
background-color:#fff;	
margin:auto;
margin-top:20px;
padding:10px;
margin-bottom:0px;
}
.div31 {
	background-color:#f2f2f2;
margin-top:0px;	
}
.div32{
	margin-top:0px;
}
.div3 h1 , .div31 h1,.div32 h1 {
width:92%;
font-size:26px;
color:#4d4d4d;
font-weight:400;
text-align:center;
margin-top:30px;
}
.div3 p, .div31 p,.div32 p {
width:92%;
font-size:16px;
color:#4d4d4d;
font-weight:400;
text-align:center;
line-height:1.5;
white-space:pre-wrap;
margin-top:10px;	
}
.div31 span ,.div32 span {
font-size:16px;
color:#ff3300;
font-weight:400;
text-align:center;
line-height:1.5;
white-space:pre-wrap;
margin-top:10px;	
}