@charset "UTF-8";

/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2018-04-13 08:19:01
 * @version $Id$
 */
.cnt {
	background-color: #fff;
	/*border: 1px solid;*/
	min-width: 1024px;
}

.heading {
	position: relative;
	height: 40px;
	margin: 10px;
	/*border-bottom: 2px solid red;*/
	box-shadow: 0 2px 4px rgba(3,27,78,.1);
}

.logo-top {
	width: 100px;
	height: 30px;
	background-color: darkblue;
	float: left;
	position: relative;
	left: 15px;
	top: 5px;
}

.nav {
	padding-top: 5px;
}

.nav-content {
	margin: 10px;
	padding: 10px;
	position: relative;
	top: 5px;
}

.loginBtn:hover {
	color: #fff;
	background-color: #0069ff;
	transition: background-color .25s linear,border-color .25s linear,color .25s linear;
	
}

.loginBtn {
	border-radius: 5px;
	border: 1px solid blue;
	color: blue;
	font-weight: bold;
	float: right;
	padding: 5px 10px;
}

.learn-more::after {
	content: "";
	display: block;
	clear: both;
}

.learn-more {
	text-align: center;
}

.lm-box {
	margin: 20px 13px;
	border: 1px solid rgba(3,27,78,.1);
	border-radius: 5px;
	box-shadow: 0px 2px 4px rgba(3,27,78,.1);
	width: 30%;
	height: 320px;
	text-align: center;
	float: left;
}

.lm-img {
	width: 50px;
	height: 50px;
	margin: 15px auto;
	background-color: darkblue;
}

p {
	line-height: 30px;
}

.lm-title {
	font-weight: bold;
	font-size: 20px;
}

.lm-desc {
	margin: 25px 35px 0px;
	text-align: left;
	display: block;
	height: 130px;
	color: rgba(3,27,78,.7);
}

a {
	text-decoration: none;
}

.lm-link {
	font-weight: bold;
	color: blue;
}

.user-oriented {
	text-align: center;
}

.user-oriented::after {
	content: "";
	display: block;
	clear: both;
}

.centerTitle {
	color: #031b4e;
	margin-top: 50px;
}

.centerDesc {
	color: rgba(3,27,78,.6);
	font-size: 18px;
	line-height: 30px;
}

.animation {
	text-align: center;
	margin: 0 auto;
	width: 850px;
}

.animation::after {
	content: "";
	display: block;
	clear: both;
}

.bgRect {
	margin: 30px auto;
	width: 400px;
	height: 300px;
	border: 1px solid rgba(3,27,78,.1);
	border-radius: 5px;
	box-shadow: 0px 2px 4px rgba(3,27,78,.1);
	float: left;

}

.animation-flash {
	margin: 30px auto;
	width: 400px;
	height: 220px;
	background-color: #051D4C;
	float: left;
	left: -20px;
	position: relative;
	top: 25px;
	border-bottom: 30px solid #142A57;
}

.panel {
	text-align: center;
	background-color: #f3f5f9;
}

.panel::after {
	content: "";
	display: block;
	clear: both;
}

li {
	list-style-type: none;
	font-size: 22px;
	padding: 20px 10px;
	color: rgba(3,27,78,.5);
	border-left: 3px solid rgba(3,27,78,.5);
	font-weight: bold;
}

.Tabs-listItem:hover {
	border-left: 3px solid #0069ff;
	color: #031b4e;
	

}

.Tabs-container {
	width: 1100px;
	margin: 0px auto;
}

.Tabs-container::after {
	content: "";
	display: block;
	clear: both;
}

.Tabs-verticalList {
	float: left;
	margin-right: 80px;
}

.Tabs-content-box {
	width: 350px;
	height: 220px;
	/*border: 1px solid;*/
	text-align: left;
}

.small-box {
	width: 50px;
	height: 50px;
	background-color: darkblue;
}

.Tabs-content {
	line-height: 24px;
}

.Tabs-box-set {
	float: left;
}
.top-box-1,.top-box-2 {
	float: left;
	margin: 0px 15px;
}
/*.top-box::after {
	content: "";
	display: block;
	clear: both;
}*/

.bottom-box-1,.bottom-box-2 {
	float: left;
	margin: 0px 15px;
}
/*.bottom-box::after {
	content: "";
	display: block;
	clear: both;
}*/


/*footing-css*/
.footing {
	background-color: #010e28;
	height: 150px;
	padding-top:25px;
	padding-left: 15px;
}

.footing-left {
	float: left;
}
.copyRight,.copyRight2 {
	color: hsla(0,0%,100%,.5);
	font-size: 14px;
}

.footing-right {
	float: left;
	margin: auto 30px;
}

.footing-listHeading {
	margin: 10px;
	color: #fff;
	font-size: 16px;
}

.footing-listItem {
	display: block;
	margin: 10px;
	color: hsla(0,0%,100%,.5);
	font-size: 14px;
}

.footing-listItem:hover {
	color: #fff;
}