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

 

.img{
	border:0;
	}
#seo_container
{
width:95%;
height:100%;
margin: 10px auto;
border:solid 1px #000;
position:relative;

}

#factor
{
	width:100%;
	height:98px;
	text-align:center;
	border:solid 1px #000;
	border-top:none;
	border-left:none;
	font:bold 16px Verdana, Geneva, sans-serif;
	color:#990000;
	padding-top:20px;
}

#factor ul{
	width:70%;
	text-align:center;
	list-style:none;
	font:bold 12px Verdana, Geneva, sans-serif;
	color:#003366;
	float:right;
	margin-right:-20px;
}
#factor ul li{
	text-align:center;
	list-style:none;
	line-height:39px;
	float:left;
	width:19.3%;
	height:38px;
	font:bold 12px Verdana, Geneva, sans-serif;
	color:#003366;
	border:solid 1px #000;
	border-right:0;
}

.header
{
	width:100%;
	height:46px;
	clear:both;
	border-bottom:solid 1px #000;
}

.header2{
	float:left;
	width:85%;
	height:26px;
	font:bold 13px  Arial, Helvetica, sans-serif;
	color:#ff6600;
	text-align:left;
	padding:20px 0 0 10px;
	border:solid 1px #000;
	border-right:none;
	border-top:0;
}
 

.header_no
{
	float:left;
	width:32px;
	height:26px;
	font:bold 14px  Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	padding-top:16px; 
}

.sub_head{
	width:32%;
	height:48px;
	float:left;
}

.subhead_no{	
	float:left;
	width:32px;
	height:32px;
	font:bold 14px  Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	padding-top:16px;
	border-right:solid 1px #000;
	 
}	
.sub_head_text{
	width:80%;
	float:left;
	position:relative;
	font:normal 12px Arial, Helvetica, sans-serif;
	margin-top:18px;
	margin-left:5px;
	height:32px;
	
}


.sub_tick_bg{
	background:url(../images/tick.jpg) no-repeat 50% 50%;
 
}
.sub_tick{
	float:left;
	width:67%;
	height:48px;
}

.sub_tick1{
	float:left;
	width:19.3%;
	height:48px;
	border-left:solid 1px #000;
	text-align:center;
 
	}
	
.margin_left{
	margin-left:29px;
	width:28.9%;
}

.sub_head_text1{
	width:50%;

}
.bgcolor{
	background:#efefef;
}



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */


@media only screen and (max-width: 768px)
{
	
#seo_container
{
width:98%;
height:100%;
margin: 0 auto;
border:solid 1px #000;
position:relative;

}

#factor
{
	width:100%;
	height:98px;
	text-align:center;
	border:solid 1px #000;
	border-top:none;
	border-left:none;
	font:bold 16px Verdana, Geneva, sans-serif;
	color:#990000;
	padding-top:20px;
}

#factor ul{
	width:70%;
	text-align:center;
	list-style:none;
	font:bold 11px Verdana, Geneva, sans-serif;
	color:#003366;
	float:right;
	margin-right:-16px;
}
#factor ul li{
	text-align:center;
	list-style:none;
	line-height:39px;
	float:left;
	width:19.3%;
	height:38px;
	font:bold 12px Verdana, Geneva, sans-serif;
	color:#003366;
	border:solid 1px #000;
	border-right:0;
}

.header
{
	width:100%;
	height:46px;
	clear:both;
	border-bottom:solid 1px #000;
}

.header2{
	float:left;
	width:85%;
	height:26px;
	font:bold 13px  Arial, Helvetica, sans-serif;
	color:#ff6600;
	text-align:left;
	padding:20px 0 0 10px;
	border:solid 1px #000;
	border-right:none;
	border-top:0;
}
 

.header_no
{
	float:left;
	width:32px;
	height:26px;
	font:bold 14px  Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	padding-top:16px; 
}

.sub_head{
	width:32%;
	height:48px;
	float:left;
}

.subhead_no{	
	float:left;
	width:32px;
	height:32px;
	font:bold 14px  Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	padding-top:16px;
	border-right:solid 1px #000;
	 
}	
.sub_head_text{
	width:80%;
	float:left;
	position:relative;
	font:normal 12px Arial, Helvetica, sans-serif;
	margin-top:-35px;
	margin-left:40px;
	height:32px;
	
}
.sub_tick_bg{
	background:url(../images/tick.jpg) no-repeat 50% 50%;
 
}
.sub_tick{
	float:left;
	width:67%;
	height:48px;
}


.sub_tick1{
	float:left;
	width:19.3%;
	height:48px;
	border-left:solid 1px #000;
	text-align:center;
 
	}
	
.margin_left{
	margin-left:24px;
	width:28.7%;
}

.sub_head_text1{
	width:40%;

}
.bgcolor{
	background:#efefef;
}

}
	
@media screen and (min-width: 481px) and (max-width: 640px)
{

	
#seo_container
{
width:95%;
height:100%;
margin: 0 auto;
border:solid 1px #000;
position:relative;

}

#factor
{
	width:100%;
	height:98px;
	text-align:center;
	border:solid 1px #000;
	border-top:none;
	border-left:none;
	font:bold 16px Verdana, Geneva, sans-serif;
	color:#990000;
	padding-top:20px;
}

#factor ul{
	width:70%;
	text-align:center;
	list-style:none;
	font:bold 12px Verdana, Geneva, sans-serif;
	color:#003366;
	float:right;
	margin-right:-10px;
}
#factor ul li{
	text-align:center;
	list-style:none;
	line-height:39px;
	float:left;
	width:19.3%;
	height:48px;
	font:bold 9px Verdana, Geneva, sans-serif;
	color:#003366;
	border:solid 1px #000;
	border-right:0;
}

.header
{
	width:100%;
	height:46px;
	clear:both;
	border-bottom:solid 1px #000;
}

.header2{
	float:left;
	width:85%;
	height:26px;
	font:bold 13px  Arial, Helvetica, sans-serif;
	color:#ff6600;
	text-align:left;
	padding:20px 0 0 10px;
	border:solid 1px #000;
	border-right:none;
	border-top:0;
}
 

.header_no
{
	float:left;
	width:32px;
	height:26px;
	font:bold 14px  Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	padding-top:16px; 
}

.sub_head{
	width:32%;
	height:48px;
	float:left;
}

.subhead_no{	
	float:left;
	width:32px;
	height:32px;
	font:bold 14px  Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	padding-top:16px;
	border-right:solid 1px #000;
	 
}	
.sub_head_text{
	width:80%;
	float:left;
	position:relative;
	font:normal 11px Arial, Helvetica, sans-serif;
	margin-top:-35px;
	margin-left:35px;
	height:32px;
	
}
.sub_tick_bg{
	background:url(../images/tick.jpg) no-repeat 50% 50%;
 
}
.sub_tick{
	float:left;
	width:67%;
	height:48px;
}

.sub_tick1{
	float:left;
	width:19.5%;
	height:48px;
	border-left:solid 1px #000;
	text-align:center;
 
	}
	
.margin_left{
	margin-left:19px;
	width:28.7%;
}

.sub_head_text1{
	width:50%;

}
.bgcolor{
	background:#efefef;
}
	
}
	
@media screen and (min-width: 401px) and (max-width: 480px)
{
	#seo_container
{
width:95%;
height:100%;
margin: 0 auto;
border:solid 1px #000;
position:relative;

}

#factor
{
	width:100%;
	height:98px;
	text-align:center;
	border-top:none;
	border-left:none;
	font:bold 16px Verdana, Geneva, sans-serif;
	color:#990000;
	padding-top:20px;
}

#factor ul{
	width:100%;
	text-align:center;
	list-style:none;
	font:bold 12px Verdana, Geneva, sans-serif;
	color:#003366;
	margin:0;
}
#factor ul li{
	text-align:center;
	list-style:none;
	line-height:39px;
	float:left;
	width:19.75%;
	height:48px;
	font:bold 9px Verdana, Geneva, sans-serif;
	color:#003366;
	border:solid 1px #000;
	border-left:0;

}

.header
{
	width:100%;
	height:46px;
	clear:both;
	border-bottom:solid 1px #000;
}

.header2{
	float:left;
	width:85%;
	height:26px;
	font:bold 13px  Arial, Helvetica, sans-serif;
	color:#ff6600;
	text-align:left;
	padding:20px 0 0 10px;
	border:solid 1px #000;
	border-right:none;
	border-top:0;
}
 

.header_no
{
	float:left;
	width:32px;
	height:26px;
	font:bold 14px  Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	padding-top:16px; 
}

.sub_head{
	width:100%;
	height:48px;
	float:left;
}

.subhead_no{	
	float:left;
	width:32px;
	height:32px;
	font:bold 14px  Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	padding-top:16px;
	border-right:solid 1px #000;
	 
}	
.sub_head_text{
	width:80%;
	float:left;
	position:relative;
	font:normal 11px Arial, Helvetica, sans-serif;
	margin-top:20px;
	margin-left:35px;
	height:32px;
	
}
.sub_tick_bg{
	background:url(../images/tick.jpg) no-repeat 50% 50%;
 
}
.sub_tick{
	float:left;
	width:100%;
	height:48px;
	border-bottom:solid 1px #000;
}

.sub_tick1{
	float:left;
	width:19.5%;
	height:48px;
	border-left:solid 1px #000;
	text-align:center;
 
	}
	
.margin_left{
	margin-left:19px;
}

.sub_head_text1{
	width:100%;

}
.bgcolor{
	background:#efefef;
}
}


@media screen and (min-width: 301px) and (max-width: 320px)
{
#seo_container
{
width:90%;
height:100%;
margin: 0 auto;
border:solid 1px #000;
position:relative;

}

#factor
{
	width:100%;
	height:108px;
	text-align:center;
	border-top:none;
	border-left:none;
	font:bold 16px Verdana, Geneva, sans-serif;
	color:#990000;
	padding-top:10px;
}

#factor ul{
	width:100%;
	text-align:center;
	list-style:none;
	font:bold 8px Verdana, Geneva, sans-serif;
	color:#003366;
	margin:0;
}
#factor ul li{
	text-align:center;
	list-style:none;
	line-height:39px;
	float:left;
	width:19.6%;
	height:48px;
	font:bold 8px Verdana, Geneva, sans-serif;
	color:#003366;
	border:solid 1px #000;
	border-left:0;

}

.header
{
	width:100%;
	height:46px;
	clear:both;
	border-bottom:solid 1px #000;
}

.header2{
	float:left;
	width:75%;
	height:36px;
	font:bold 13px  Arial, Helvetica, sans-serif;
	color:#ff6600;
	text-align:left;
	padding:10px 0 0 15px;
	border:solid 1px #000;
	border-right:none;
	border-top:0;
}
 

.header_no
{
	float:left;
	width:25px;
	height:26px;
	font:bold 14px  Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	padding-top:16px; 
}

.sub_head{
	width:100%;
	height:48px;
	float:left;
}

.subhead_no{	
	float:left;
	width:30px;
	height:32px;
	font:bold 14px  Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	padding-top:16px;
	border-right:solid 1px #000;
	 
}	
.sub_head_text{
	width:70%;
	float:left;
	position:relative;
	font:normal 11px Arial, Helvetica, sans-serif;
	margin-top:20px;
	margin-left:35px;
	height:32px;
	
}
.sub_tick_bg{
	background:url(../images/tick.jpg) no-repeat 50% 50%;
 
}
.sub_tick{
	float:left;
	width:100%;
	height:48px;
	border-bottom:solid 1px #000;
}

.sub_tick1{
	float:left;
	width:18.2%;
	height:48px;
	border-left:solid 1px #000;
	text-align:center;
 
	}
	
.margin_left{
	margin-left:19px;
}

.sub_head_text1{
	width:100%;

}
.bgcolor{
	background:#efefef;
}
}

@media screen and (min-width:330px) and (max-width:400px)
{
#seo_container
{
width:90%;
height:100%;
margin: 0 auto;
border:solid 1px #000;
position:relative;

}

#factor
{
	width:100%;
	height:108px;
	text-align:center;
	border-top:none;
	border-left:none;
	font:bold 16px Verdana, Geneva, sans-serif;
	color:#990000;
	padding-top:10px;
}

#factor ul{
	width:100%;
	text-align:center;
	list-style:none;
	font:bold 8px Verdana, Geneva, sans-serif;
	color:#003366;
	margin:0;
}
#factor ul li{
	text-align:center;
	list-style:none;
	line-height:39px;
	float:left;
	width:19.7%;
	height:48px;
	font:bold 8px Verdana, Geneva, sans-serif;
	color:#003366;
	border:solid 1px #000;
	border-left:0;

}

.header
{
	width:100%;
	height:46px;
	clear:both;
	border-bottom:solid 1px #000;
}

.header2{
	float:left;
	width:75%;
	height:36px;
	font:bold 13px  Arial, Helvetica, sans-serif;
	color:#ff6600;
	text-align:left;
	padding:10px 0 0 15px;
	border:solid 1px #000;
	border-right:none;
	border-top:0;
}
 

.header_no
{
	float:left;
	width:25px;
	height:26px;
	font:bold 14px  Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	padding-top:16px; 
}

.sub_head{
	width:100%;
	height:48px;
	float:left;
}

.subhead_no{	
	float:left;
	width:35px;
	height:32px;
	font:bold 14px  Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	padding-top:16px;
	border-right:solid 1px #000;
	margin-right:2px;
	 
}	
.sub_head_text{
	width:70%;
	float:left;
	position:relative;
	font:normal 11px Arial, Helvetica, sans-serif;
	margin-top:20px;
	margin-left:35px;
	height:32px;
	
}
.sub_tick_bg{
	background:url(../images/tick.jpg) no-repeat 50% 50%;
 
}
.sub_tick{
	float:left;
	width:100%;
	height:48px;
	border-bottom:solid 1px #000;
}

.sub_tick1{
	float:left;
	width:18.2%;
	height:48px;
	border-left:solid 1px #000;
	text-align:center;
 
	}
	
.margin_left{
	margin-left:19px;
}

.sub_head_text1{
	width:100%;

}
.bgcolor{
	background:#efefef;
}	
	
	
}