*{box-sizing:border-box}
body{
	font-family:"Open Sans",sans-serif;
	font-size:16px;
	line-height:20px;
	margin:0;
	padding:0;
}
.wrapper{background:#f5f5f5;width:100%}
.header{width:100%}
.fixContent{
	max-width:1000px;
	padding:0;
	margin:0 auto;
	width:100%
}
.content{overflow:hidden;padding:0 15px;width:100%}


.header .content{background:#fff}
.navbar .content{background:#800080}
.main>.section1 .content{background:#fff}
.main>.section2 .content{background:#fff}
.footer .content{background:#800080}


/*---- RZ TICKER -----*/
.rztickerArea{background:#fff;width:100%}
.rzticker{width:40%}


/*---- LOGO -----*/
.logoArea{float:left;padding-right:30px;width:26%;}
.logoArea h1{}
.logoArea a{display: block;}
.logoArea a img{width:100%;display:block;}

/*---- BANNER -----*/
.banner{
    float: left; 
    width: 74%;
    height: 100%;
    float: left;
    background-color:#ffffff;
}
.banner img{display:block;width:100%}
/*---- NAVBAR -----*/
ul.menu{
    float:right;
    list-style:none;
    margin:0;
    padding:15px 0;
    width:auto
}
ul.menu li{float:left;padding:0;}
ul.menu li a{
    color: #fff;
	padding:6px 15px;
	text-decoration:none;
	-moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
}
ul.menu li a:hover{
	background:#fff;
    color:#000;
    border-radius:0px 30px 0px 30px;
}

/*---- MAIN -----*/
.groupArea{
	box-sizing:border-box;
	margin:0 auto;
	padding:15px;
	overflow:hidden;
	width:90%
}
ul.groupItems{
    list-style:none;
    float:left;
	padding:0;
    width:100%
}
ul.groupItems li{
    display:block;
    float:left;
    width:33.33%;
    padding:10px;
    box-sizing:border-box;
   
}
ul.groupItems li a {
	color:#800080;
	text-decoration:none;
	display:block;
	width:100%;             
}
ul.groupItems li a img{
	border: 1px solid #ddd;
	border-radius: 30px 30px;
	display:block;
	width:100%;
	transition: all 1s;
}
ul.groupItems li a img:hover{
    box-shadow: 5px 5px 5px #696969;
    transform: scale(1);
}
ul.groupItems li a p{margin:5px;text-align:center}


.goup{overflow:hidden;padding-bottom:30px;width:100%}
.goup a{
	display:block;
    float:right;
    height:50px;
    width:50px;
}
.goup a img{display:block;width:100%}
/*---- ABOUT Area -----*/
.aboutArea{text-align:justify;margin:5px 45px}
.img_md{float:right;height:213px;width:200px;margin-left:15px;}
/*---- FOOTER -----*/
.footer{}

.footerArea{
	color:#fff;
	margin:0;
	padding:20px 0;
	width:100%;
}
.addressArea{overflow:hidden;text-align:left;width:100%;}
.addressArea>.half{font-style:normal;float:left;width:50%}
.footerArea p{text-align:center;border-top:1px solid #fff;padding-top:15px}


@media screen and (max-width: 767px) {
	ul.groupItems li{width:50%}
}
@media screen and (max-width: 640px) {
	.logoArea{width:100%}
	.logoArea h1{text-align:center}
	.logoArea a{display:inline-block}
	.logoArea a img{max-width:200px}
	.banner{width:100%}
}
@media screen and (max-width: 480px) {
	ul.menu li{margin-bottom: 10px;}
	ul.groupItems li{width:100%}
	.addressArea>.half{text-align:center;width:100%}
}
@media screen and (max-width: 320px) { }