@charset "utf-8";
/* CSS Document */

*{ margin:0;
	padding:0;}

body {
	margin:0 auto;
	padding:0;
	width:100%;
	color:#000;	
	/*background-repeat:no-repeat;
	background-image:url(../images/cover_bg.jpg);*/
	background-size:100%;
	background-color:#FFF;
	text-align:justify;
	background-size:cover;
	font-family: myFirstFont;
	font-size:14px;
	min-height:1000px;
	background-size:100%;
	
	
	
	
}
.clear{
	clear:both;
}

*{padding:0; margin:0; border:none; text-decoration:none; list-style:none;}
p,h1,h2,,h3,h4,h5,h6{ padding:0; margin:0;}
ul{ padding:0; margin:0;}
a{ text-decoration:none; }

header{ margin:0 auto; padding:0; width:100%; position:fixed; z-index:9999;}
#header{ margin:0 auto; padding:0; width:100%; height:100px; background-color:#698203;}
.left_header{ width:100%; height:100px; text-align:center;}
.left_header img{ margin-top:20px;}
.middle_header{ width:100%; height:100px; }
.right_header{ width:100%; height:100px; text-align:right;}
.right_header p{ color: #FFF; font-size:20px; text-align:right; width:90%; line-height:25px; margin-top:35px; }
.left_pannel{ width:100%; height:152vh; background-color:#698203; margin-top:100px;}
.left_pannel img{ position:relative; z-index:998; height:450px; margin-left:10px; width:95%;}
.right_pannel{ width:100%; min-height:500px; background-color:#cdcccc; margin-top:140px; box-shadow:3px 3px 3px 0px #666; padding-bottom:100px;}
.right_pannel h2{ padding:10px 10px 0px 10px;   font-family: myFirstFont1;}
.right_pannel p{ padding:10px;}


#left_right_pannel{ width:250px; min-height:200px; float:left; margin-left:10%;}
.img{ width:250px; height:200px; background-color:#000;}
.img img{ width:250px; height:200px;}
#left_right_pannel p{ height:265px; overflow:hidden;}
#right_right_pannel{ width:250px;; height:200px; float:right; margin-right:20%; margin-top:50px; }
#right_right_pannel p{ height:265px; overflow:hidden;}
.more a{ background-color:#698203; padding:10px; float:right; color:#FFF;}
.more a:hover{ text-decoration:none; color:#FFF; box-shadow:1px 1px 1px 1px #666;}

footer{ width:100%; height:60px; background-color:#698203;}

@media (max-width:768px) {
.middle_header{ width:100%; height:100px; display:none; }
.right_header{ width:100%; height:100px; text-align:right; display:none;}

.left_pannel{ width:100%; height:110vh; background-color:#698203; margin-top:100px;}
.left_pannel img{ position:relative; z-index:998; height:500px; margin-left:0px; width:100%}

.right_pannel{ width:100%; min-height:500px; background-color:#cdcccc; margin-top:40px; box-shadow:3px 3px 3px 0px #666; padding-bottom:100px;}
.right_pannel h2{ padding:10px 10px 0px 10px;   font-family: myFirstFont1;}
.right_pannel p{ padding:10px;}

#left_right_pannel{ width:250px; min-height:200px; float:none; margin:0 auto;}
.img{ width:250px; height:200px; background-color:#000;}
.img img{ width:250px; height:200px;}
#left_right_pannel p{ height:265px; overflow:hidden;}

#right_right_pannel{ width:250px;; height:200px; float:none; margin-top:50px; margin:0 auto;}
#right_right_pannel p{ height:265px; overflow:hidden;}

}

.left_foot{ margin:0 auto; padding:15px 0; text-align:center; }
.left_foot img{ width:50%; height:70px;}
.left_foot p{ color:#FFF;}

@media (max-width:768px) {
	
	
	.left_foot{ margin:0 auto; padding:0; text-align:center; position:relative; width:100%; top:380px;}
.left_foot img{ width:50%; height:70px; display:none;}
.left_foot p{ color:#FFF;}
}