/*-----------  Global  -------------*/
*{
	margin:0;
	padding: 0;
}

/*-----------  Body  -------------*/

body{
	color:black;
	background-color:#f3f3f3;
}

a{
	text-decoration:none;
	color:black;
}

li{
	list-style-type:none;
}
.fr{
	float:right;
	font-family: FontAwesome;
}

/*-----------  Content  -------------*/

.content{
	width:70%;
	min-width: 1200px;
	height:2000px;
	margin:auto;
}
.quick_bar_wrap{
	height:60px;
	width:100%;
	margin-bottom:50px;
}
.quick_bar_content{
}
.quick_bar_content ul{
}
.quick_bar_content li{
	margin-top:15px;
	font-family:verdana;
	font-size: 18px;
}
.quick_bar_content_1{
	float:left;
	font-family:georgia;
	text-transform:uppercase;
	color: #3d3d3d;
}
.quick_bar_content_dis_1{
	margin-right:4px;
}
.quick_bar_content_dis_2{
	margin-right:20px;
}
.body_wrap{
	width:100%;
	height:1990px;
	background-color:white;
	margin:auto;
	border-radius:10px;
	border: 1px solid #f0f0f0;
	box-sizing: border-box;
}

.nav_wrap{
	width:100%;
	height:140px;
}

.nav_liner_l{
	float:left;
	width:auto;
	height:100%;
}

.nav_liner_r{
	float:right;
	margin-right:40px;
}
.nav_cont{
	margin-top:50px;
	width:auto;
	height:auto;
}

.nav_cont ul{
	display:block;
	width:auto;
	height:50px;
	transform:skew(-30deg);
	overflow:hidden;
	border: 2px solid #BBBBBB;
	box-sizing: border-box;
}

.nav_cont ul:hover{
	border: 2px solid #E8E8E8;
	box-sizing: border-box;
	-webkit-transition: all 5s ease; 
	-moz-transition: all 5s ease; 
	-o-transition: all 5s ease; 
	transition: all 5s ease; 
}

.nav_spc_fst{
	padding-left:10px;
}                
                 
.nav_spc_lst{    
	padding-right:10px;
}

.nav_cont li{
	float:left;
	width:auto;
	height:100%;
}

.nav_cont li:hover{
	background-color:#a2ff00;
	-webkit-transition: all 0.4s ease; 
	-moz-transition: all 0.4s ease; 
	-o-transition: all 0.4s ease; 
	transition: all 0.4s ease; 
}
.nav_cont li:hover a{
	color:black;
}


#nav_wrap_logo{
	margin-top:20px;
	margin-left:40px;
	cursor:pointer; 
}

.nav_cont a{
	color: #3d3d3d;
	font-family:sans-serif;
	text-transform:uppercase;
	font-size:22px;
	border-bottom: #a2ff00 1px;
	cursor:pointer; 
	display:block;
	transform:skew(+30deg);
	padding: 12px 20px 12px 20px;
}

.header_wrap{
	margin-top:80px;
	width:100%;
	height:400px;
	background-color:green;
	border-radius:5px;
}

.header_bar_l{
	float:left;
	width:59px;
	height:100%;
	background-color:black;
}

.header_pic_wrap{
	float:left;
	z-index:100;
	width:711px;
	overflow:hidden;
	height:100%;
	background-color:yellow;
}
.header_pic_wrap img{
	width:100%;
	background-size:cover;
}

.header_disc_wrap{
	height:100%;
	min-width:369px;
	width:auto;
	background-color:red;
	float:left;
}


.header_bar_r{
	float:right;
	width:59px;
	height:100%;
	background-color:black;
	
}

.mainimage{
	width: 100%;
	margin-bottom: 20px;
}

.maintext{
	font-size: 20px;
	font-family: sans-serif;	
}