@charset "utf-8";
/* CSS Document */
.lof-slidecontent{
	position:relative;
	overflow:hidden;
	width:946px;
	height:237px;
	border:solid 7px #023288;
}
.lof-slidecontent .preload{
	height:100%;
	width:100%;
	background:#FFFFFF;
	position:absolute;
	top:0;
	left:0;
	z-index:100000;
	color:#FFF;
	text-align:center
}
.lof-slidecontent .preload div{
	height:100%;
	width:100%;
	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
}
.lof-main-outer{
	position:relative;
	height:100%;
	width:631px;
	z-index:3;
	overflow:hidden;
}
/*******************************************************/
.lof-main-item-desc{
	z-index:100;
	position:absolute;
	top:173px;
	width:100%;
	height:53px;
	background-image: url(../images/slide_hd_rpt.png);
	background-repeat: repeat-x;
	background-position: left top;
	/* filter:0.7(opacity:60) */
}
.lof-main-item-desc p{
	color:#FFF;
	margin:0 8px;
	padding:8px 0
}
.lof-main-item-desc h3{
	color:#FFF;	
	margin:0;
	font-size:24px;
	padding:11px 8px;
}

/* main flash */
ul.lof-main-wapper{
	/* margin-right:auto; */
	overflow:hidden;
	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
	padding:0px;
	margin:0;
	height:316px;
	width:631px;
	position:absolute;
	overflow:hidden;
}

ul.lof-main-wapper li{
	overflow:hidden;
	padding:0px;
	margin:0px;
	height:100%;
	width:631px;
	float:left;
}
.lof-opacity  li{
	position:absolute;
	top:0;
	left:0;
	float:inherit;
}
ul.lof-main-wapper li img{
	padding:0px;	
	width:631px;
}

li-desc{
	z-index:100;
	position:absolute;
	top:150px;
	left:50px;
	width:400px;
	background:url(../images/transparent_bg.png);

	/* filter:0.7(opacity:60) */
}
li-desc p{
	color:#FFF;
	margin:0 8px;
	padding:8px 0
}
li-desc h3{
	color:#FFF;	
	margin:0;
	font-size:10px;
	padding:20px 8px 2px;
	font-family:Arial;
}
/* item navigator */
ul.lof-navigator{
	top:0;
	padding:0;
	margin:0;
	position:absolute;
	width:100%;
}
ul.lof-navigator li{
	cursor:hand; 
	cursor:pointer;
	list-style:none;
	width:100%;
	padding:0;
	margin:0;
	overflow:hidden;
}
.lof-navigator-outer{
	position:absolute;
	right:0;
	top:0px;
	z-index:100;
	height:300px;
	width:334px;
	overflow:hidden;
	color:#FFF
}
.lof-navigator li.active{
	background:url(../images/arrow-bg.png) no-repeat scroll left center; 
	color:#FFF
}
.lof-navigator li:hover{

}
.lof-navigator li h3{
	color:#272727;
	font-size:16px;
	font-weight:bold;
	font-family:Arial;
	padding:10px 0 0 !important;
	margin:0;

}
.lof-navigator li div{
	color:#272727;
	font-size:13px;
	font-family:Arial;
	line-height:16px;
	height:79px;
	width:334px;
	position:relative;
	margin-left:15px;
	padding-left:8px;
	padding-top:5px;
	background-image: url(../images/slide_tab.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

.lof-navigator li.active div{
	color:#FFF;
	background-image: url(../images/slide_tab_hov.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.lof-navigator li img{
	margin:2px 10px 0px 0px;
	float:left;
	padding:0px;
	border:#000000 solid 2px;
}
.lof-navigator li.active img{
	border:#000000 solid 2px;
}
.lof-navigator li.active h3{
	color:#FFF;
}
.slider_img {
	width:none; height:none; margin:10px 25px 0px 0px; float:right;
}
.blue-txt { color:#0078ff; }
.green-txt { color:#95c300; }
.greybdr { background:#FFFFFF; padding:3px; border:1px solid #c2c2c2; margin-bottom:20px; }

.joinleft { position:fixed; top:50%; left:20px; }
.joinright { position:fixed; top:50%; right:20px; }

/* 18012015 */
.all-btns { width:100%; float:left; text-align:center; }
.all-btns img { margin-bottom:10px; }

.social-login { width:47%; height:195px; padding:25px 25px 15px 25px; float:left; background:#f9f9f9; border:1px solid #d7d7d7; box-sizing:border-box; -moz-box-sizing:border-box; }
.social-login .title1 { width:100%; float:left; font-size:20px; line-height:24px; border-bottom:1px dotted #000000; padding-bottom:15px; margin-bottom:20px; }
.secure-box { width:47%; padding:20px; float:right; background:#f6f6f6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.blue-bg-title { width:100%; float:left; font-size:18px; background:#0297fe; color:#ffffff; padding:10px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight:bold;}

.blue-bg-title span { font-size:24px; }

.step1-bg { width:100%; float:left; background:url(../images/step1-bg.png) left top no-repeat;  }
.step2-bg { width:100%; float:left; background:url(../images/step2-bg.png) left top no-repeat;  }
.step3-bg { width:100%; float:left; background:url(../images/step3-bg.png) left top no-repeat;  }
.step4-bg { width:100%; float:left; background:url(../images/step4-bg.png) left top no-repeat;  }
.step-bg { width:100%; float:left;list-style:none;margin:0;padding:0; }
.step-bg li { float:left; padding:0 0 0 30px; width:237px; line-height:38px; height:38px; font-size:17px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.step-bg li:first-child { width:257px; }
.step-bg li.last { width:auto!important; }