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


.article-pro {
  width:100%;

  min-height:300px;

  background:#F0F9FF;
  margin-bottom:5px;
  padding:10px;
  color: #333;

  
}


.article-con {
  width:100%;

  min-height:300px;

  background:#f9f1ea;
  margin-bottom:5px;
  padding:10px;
  color: #333;

}



.article-pro p {
	/*font-size: 16px;
    font-weight: 200;*/
	
	
    
	
}
.article-con p {
	/*font-size: 16px;
    font-weight: 200;*/
	
	
   
	
}

.number-list-pro {
	
	font-size: 65px;
	color: #5A7797;
	
}

.number-list-con {
	
	font-size: 65px;
	color: #d15608;
	
}


.number-list-pro-pro {
	
	font-size: 26px;
	color: #5A7797;
	
}

.number-list-con-con {
	
	font-size: 26px;
	color: #d15608;
	
}

/* text-based popup styling */ 

.pro-popup { 
	position: relative; 
	background: #FFF; 
	padding: 30px; 
	width: auto; 
	max-width: 700px; 
	margin: 0 auto; 
	color: #333; 
	border-style: solid; 
	border-color: #5A7797; 
	font-size: 18px; } 

.pro-popup h3 { 
	font-size:24px; line-height:24px;} 

.con-popup { 
	position: relative; 
	background: #FFF; 
	padding: 30px; 
	width: auto; 
	max-width: 700px; 
	margin: 0 auto; 
	color: #333; 
	border-style: solid; 
	border-color: #A26289; 
	font-size: 18px; } 

.con-popup h3 { 
	font-size:24px; line-height:24px; } 

.btn { 
	-webkit-border-radius: 0; 
	-moz-border-radius: 0; 
	border-radius: 0px; 
	font-family: Arial; 
	color: #000; 
	font-size: 16px; 
	background: #74b5fd; 
	padding: 10px 25px 10px 25px; 
	text-decoration: none; } 

.btn:hover { 
	text-decoration: none; }


.btn-con { 
	-webkit-border-radius: 0; 
	-moz-border-radius: 0; 
	border-radius: 0px; 
	font-family: Arial; 
	color: #000; 
	font-size: 16px; 
	background: #ff883c; 
	padding: 10px 25px 10px 25px; 
	text-decoration: none; } 

.btn-con:hover { 
	text-decoration: none; }







/*styles for mobile*/
@media only screen and (max-width: 1000px) 
{ 
.article-pro {
  width:97%;

  min-height:370px;
  margin-bottom:5px;
  padding:10px;
  color: #333;

  
}


.article-con {
  width:97%;

  min-height:370px;
  margin-bottom:5px;
  padding:10px;
  color: #333;

}



.article-pro p {
	/*font-size: 16px;
    font-weight: 200;	*/
    
	
}
.article-con p {
	/*font-size: 16px;
    font-weight: 200;*/
	
	
   
	
}
	}

@media only screen and (max-width: 480px) 
{
.article-pro {
  width:93%;

  min-height:460px;
  margin-bottom:5px;
  padding:5px;
  color: #333;

  
}


.article-con {
  width:93%;

  min-height:460px;
  margin-bottom:5px;
  padding:5px;
  color: #333;

}



.article-pro p {
	/*font-size: 16px;
    font-weight: 200;*/
	
	
    
	
}
.article-con span {
	/*font-size: 16px;
    font-weight: 200;*/
	
}

.article-pro p span {
	font-size: 17px;
   /* font-weight: 200;*/
	
	
    
	
}
.article-con p span{
	font-size: 17px;
   /* font-weight: 200;*/
	
}

.btn { 
	-webkit-border-radius: 0; 
	-moz-border-radius: 0; 
	border-radius: 0px; 
	font-family: Arial; 
	color: #000; 
	font-size: 16px; 
	background: #74b5fd; 
	padding: 5px 10px 5px 10px; 
	text-decoration: none; } 

.btn-con { 
	-webkit-border-radius: 0; 
	-moz-border-radius: 0; 
	border-radius: 0px; 
	font-family: Arial; 
	color: #000; 
	font-size: 16px; 
	background: #ff883c; 
	padding: 5px 10px 5px 10px; 
	text-decoration: none; } 
}


@media only screen and (max-width: 330px) 
{
.article-pro {
  width:93%;

  min-height:550px;
  margin-bottom:5px;
  padding:5px;
  color: #333;

  
}


.article-con {
  width:93%;

  min-height:550px;
  margin-bottom:5px;
  padding:5px;
  color: #333;

}



.article-pro p {
	/*font-size: 16px;
    font-weight: 200;*/
	
	
    
	
}
.article-con p {
	/*font-size: 16px;
    font-weight: 200;*/
	
	
   
	
}
}