@charset "utf-8";
/* CSS Document */

header,nav,figure,welcome,section,artical,aside,footer{
	margin:0;
	padding:0;
}

body{
	margin:0;
	padding:0;

}
.clear{
	clear:both;
}

#wraper{
	width:100%;
}
#navbar{
	width:100%;
	padding-left:70px;
	background-color:#000000;
}

#baner{
	width:100%;
	z-index:-10000000000;
	left: 0px;
	top: 33px;
	
}
.img1{
	width:100%;
}

#one{
	width:100%;
	height: 450px;
}
#tow{
	width:80%;
	margin:0 auto;
}
#two1{
	width:22%;
	margin-top:-7%;
	float:left;
	cursor:pointer !impotant;
	z-index:100 !impotant;
	position:absolute;
}
#two2{
	width:20%;
	margin-top:1%;
	float:left;
	margin-left:60%;
	position:absolute;
	
}
.yes{
	display:block;
	width:100%;
}
.no{
	display:none;
	width:100%;
}
.yes2{
	display:block;
}
.no2{
	display:none;
}

#social1,#social2,#social3,#social4{
	width:16%;
	float:left;
	margin-left:3%;
}

#main-width{
	width:100%;
	margin:0 auto;
	z-index:10000;
	background-color: #FFFFFF;
	background-image: url(../images/page-bg.jpg);
	background-repeat: repeat-x;
}
.bold_text3{
text-align:justify;
line-height:125%;
font-family:Calibri;
font-size:15px;
color:#0090ff;
font-weight:bold;
margin:0% 0% 1% 0%;
}
.bold_text4{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#186eb0;
}


#main{
	width:80%;
	z-index:10000;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 7%;

}

#content{
	width:70%;
	float:left;
}
#form{
	width:30%;
	float:left;
}







.link1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#186eb0;
}

.link1 a:link,a:visited	{
		text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#186eb0;

}
.link1 a:hover	{
		color:#ff4e00;
}










.bold_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#232323;
}
.bold_text2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#143985;
}
.body_text{
text-align:justify;
line-height:125%;
font-family:Calibri;
font-size:15px;
color:#333333;
margin:0% 2% 1% 0%;
}



#main2{
	width:80%;
	padding-top:5%;
	margin:0 auto;
}
#text{
		width:98%;
		padding-top:5%;
	margin:0 auto;
}

#main3{
	width:80%;
	margin:0 auto;
	margin-top:2%;
	padding:0% 0% 2% 0%;
}
#three{
	width:50%;
	margin:0% 8% 0% 1%;
	float:left;
}

.submittt_box{
	background-color:#0a6faf;
	color:#FFF;
	width:20%;
	height:30px;
	font-family:Calibri;
	border: 0px solid;
    border-radius: 10px;	
}
.name_email2{
	height:25px;	
	width:100%;
}
.comentbox{
	
	width:100%;
}





#four{
	width:34%;
	margin:0% 1% 0% 1%;
	float:left;
}



#botom{
	width:100%;
	background-color:#575757;
}


#botom1{
	width:40%;
	float:left;
}
#botom2{
	width:40%;
	float:right;
}
.miracle{
	font-size:16;
	font-weight:bold;
	color:#FFFFFF;
}

.miracle a:link,a:visited	{
		text-decoration:none;
		text-align:center;	
		color:white;
		font-family:Calibri;
		font-weight:bold;
		font-size:16px;
		color:#FFFFFF;

}
.miracle a:hover	{
		color:#ffae00;
}
#botom3{
	width:20%;
	float:left;
}
#b_social1,#b_social2,#b_social3,#b_social4{
	width:16%;
	float:left;
	margin-left:3%;
}

.botom_text1{
text-align:center;
line-height:125%;
color:#fff;
font-weight:bold;
font-family:Calibri;
font-size:16px;
padding:1%;
}

.botom_text2{
text-align:center;
line-height:125%;
color:#fff;
font-weight:bold;
font-family:Calibri;
font-size:16px;
padding:1%;
}





















@media only screen and (max-width:1200px){

#navbar{
	width:100%;
	padding-left:0px;
	background-color:#000000;
}

#main{
	width:98%;
	margin:0 auto;
}

#main2{
	width:98%;
	margin:0 auto;
	padding-top:2%;
}

#main3{
	width:98%;
	margin:0 auto;
	margin-top:2%;
}
#main4{
	width:98%;
	margin:0 auto;
	margin-top:2%;
}
#text{
		width:96%;
	margin:0 auto;
}
}

@media only screen and (max-width:900px){
.bold_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#232323;
	padding-top:5%;
}
#two2{
	width:25%;
	margin-top:1%;
	float:left;
	margin-left:60%;
	position:absolute;
	
}
#one{
	width:100%;
	height:250px;
}
}

@media only screen and (max-width:850px){
.bold_text2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#234282;
	padding-top:6%;
	font-weight:bold;
}
#content{
	width:98%;
	float:none;
	margin:0 auto;
}
#form{
	width:40%;
	float:none;
	margin:0 auto;
}

#main2{
	width:100%;
	margin:0 auto;
	padding-bottom:2%;
	border-bottom:#CCCCCC dashed 1px;
}
#three{
	width:80%;
	margin:0 auto;
	float:none;
}
#four{
	width:80%;
	margin:0 auto;
	float:none;
}


}

@media only screen and (max-width:780px){

#two2{
	width:30%;
	margin-top:1%;
	float:left;
	margin-left:60%;
	position:absolute;
	
}
#botom1{
	width:50%;
	margin:0 auto;
	float:none;
}
#botom2{
	width:50%;
	margin:0 auto;
	float:none;
}
#botom3{
	width:30%;
	margin:0 auto;
	float:none;
}
.yes2{
	display:none;
}
.no2{
	display:block;
}
}
@media only screen and (max-width:550px){
#botom1{
	width:98%;
	margin:0 auto;
	float:none;
}
#botom2{
	width:98%;
	margin:0 auto;
	float:none;
}
.bold_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#232323;
	padding-top:8%;
}
#two2{
	width:32%;
	margin-top:1%;
	float:left;
	margin-left:60%;
	position:absolute;
	
}

#content{
	width:98%;
	float:none;
	margin:0 auto;
}
#form{
	width:80%;
	float:none;
	margin:0 auto;
}

#main2{
	width:100%;
	margin:0 auto;
	padding-bottom:2%;
}
#three{
	width:98%;
	margin:0 auto;
	float:none;
}
#four{
	width:98%;
	margin:0 auto;
	float:none;
}
}


@media only screen and (max-width:450px){

.bold_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#232323;
	padding-top:8%;
}

#botom3{
	width:40%;
	margin:0 auto;
	float:none;
}
.yes2{
	display:none;
}
.no2{
	display:block;
}
}

@media only screen and (max-width:370px){

.bold_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#232323;
	padding-top:10%;
}
#two2{
	display:none;
}

}