@charset "utf-8";
/* CSS Document */
body {
	margin:0px;
	padding:0px;
}

ul, li {
	list-style:none;
}

.step01 {
	width:698px;
	margin:0px;
	padding:0;
	float:left;
	height:auto;
}
.step01 ul {
	width:698px;
	margin:0px;
	padding:0px;
	float:left;
	height:auto;
}
.step01_c {
	font:16px "Arial";
	color:#fff;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
}
.stepbg {
	width:100%;
	height:25px;
	/*background:url(../images/stepbg.jpg) no-repeat left;*/
	float:left;
	margin-left:0%;
	padding:0px;
}
.stepbg ul {
	width:698px;
	margin:0px;
	padding:0px;
	height:auto;
}
.stepbg li {
	margin:0px;
	height:auto;
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;
	color:#FFF;
	/*line-height:29px;*/
	float:left;
}
.stepbg li a {
 background:#f58220;
    color: #ffffff;
    font:bold 14px/29px "Arial";
    height: auto;
    margin: 0 0 0 15px;
    padding: 9px 18px;
    text-decoration: none;
	border-radius:5px;
}
.stepbg li a:hover{
	background:#019eff;
}
.stepbg01 {
	width:90%;
	height:29px;
	background:url(../images/stepbg01.jpg) no-repeat left;
	float:left;
	margin:0;
	padding:0px;
}
.stepbg01 ul {
	width:698px;
	margin:0px;
	padding:0px;
	height:auto;
}
.stepbg01 li {
	margin:0px;
	height:auto;
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;
	color:#FFF;
	line-height:29px;
	float:left;
}
.stepbg01 li a {
  background:#f58220;
    color: #ffffff;
    font:bold 14px/29px "Arial";
    height: auto;
    margin: 0 0 0 15px;
    padding: 9px 18px;
    text-decoration: none;
	border-radius:5px;
}
.stepbg02 {
	width:698px;
	height:29px;
	/*background:url(../images/stepbg02.jpg) no-repeat left;*/
	float:left;
	margin:0;
	padding:0px;
}
.stepbg02 ul {
	width:698px;
	margin:0px;
	padding:0px;
	height:auto;
}
.stepbg02 li {
	margin:0px;
	height:auto;
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;
	color:#FFF;
	line-height:29px;
	float:left;
}
.stepbg02 li a {
  background:#f58220;
    color: #ffffff;
    font:bold 14px/29px "Arial";
    height: auto;
    margin: 0 0 0 15px;
    padding: 9px 18px;
    text-decoration: none;
	border-radius:5px;
}
.stepbg03 {
	width:698px;
	height:29px;
	background:url(../images/stepbg02.jpg) no-repeat left;
	float:left;
	margin:0;
	padding:0px;
}
.stepbg03 ul {
	width:698px;
	margin:0px;
	padding:0px;
	height:auto;
}
.stepbg03 li {
margin:0px;
	height:auto;
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;
	color:#FFF;
	line-height:29px;
	float:left;
}
.stepbg03 li a {
  background:#f58220;
    color: #ffffff;
    font:bold 14px/29px "Arial";
    height: auto;
    margin: 0 0 0 15px;
    padding: 9px 18px;
    text-decoration: none;
	border-radius:5px;
}
.step02div {
	width:229px;
	height:auto;
	margin:0;
	padding:0px;
	float:left;
}

.stepbg04 {
	width:698px;
	height:29px;
	/*background:url(../images/stepbg03.jpg) no-repeat left;*/
	float:left;
	margin:0;
	padding:0px;
}
.stepbg04 ul {
	width:698px;
	margin:0px;
	padding:0px;
	height:auto;
}
.stepbg04 li {
	margin:0px;
	height:auto;
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;
	color:#FFF;
	line-height:29px;
	float:left;
	font:16px "Arial";
}
.stepbg04 li a {
  background:#f58220;
    color: #ffffff;
    font:bold 14px/29px "Arial";
    height: auto;
    margin: 0 0 0 15px;
    padding: 9px 18px;
    text-decoration: none;
	border-radius:5px;
}


@media (max-width:320px) {
	.stepbg li{
		padding: 0 10px 0 10px;
	}
}
@media (max-width:360px) {

	.stepbg{
		background-size: 100% 100%;
		margin-left: 0px;
	}
	.stepbg li, .stepbg01 li{
		padding: 0 10px 0 15px;
	}
	.stepbg li a, .stepbg01 li a{
		font-size: 13px;
	}
}
@media (max-width:640px) {
	.stepbg, .stepbg01 {
		background-size: 100% 100%;
		margin-left: 0px;
	}
}