*{
font-family: 'Montserrat', sans-serif;
}
#container { direction: ltr; width: 100%; margin: 0 auto;}
body{
}
#content1{
	height:auto;margin-bottom:0px;
}#ccontent1{
	width:1170px; margin: 0 auto;display:table ;height:auto;
}
#lang{
	float:left;margin-left:12px;
}
#logo{
	text-align:right;float:left;
}
#title{
	float:right;margin-right:10px;margin-top:10px;text-align:right;line-height:32px;
}
#l2{
	float:left;margin-top:22px;
}
#l3{
	float:left;margin-top:63px;margin-left:20px;
}
#menu{;margin-top:35px;margin-bottom:8px;float:right;
}
#q1{
	display:inline-block;margin:10px;width:210px;height:200px;-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;background-color:#F0F0F0;
}
#se{
	text-align:left;
}
#y1{
	float:right;width:21%;text-align:left;
}
#y2{
	float:left;width:78%;padding-right:10px;border-right:2px silver solid;
}
#k{
	width:24%;height:370px;display:inline-block;margin:0.1%;border:1px silver solid;-webkit-border-top-left-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomright: 25px;
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;margin-bottom:15px;background:white;}

#kk{
	width:24%;height:200px;display:inline-block;margin:0.1%;border:1px silver solid;-webkit-border-top-left-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomright: 25px;
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;margin-bottom:15px;background:#E1C340;}




#search{
	border: 1px silver solid; background: #e8dfdf url('images/search.png') no-repeat left center; padding: 5px; padding-right: 10px; padding-left: 10px; width: 180px
}




#mob{
	display:none;
}
#box2{
	width:240px;height:200px;display:inline-block;margin:15px;
}
#menu2{
	display:none;float:left;
}
#nnews1{
	float:right;width:150px;height:100px;
}
#nnews2{
height:120px;overflow:hidden;width:1000px;float:left;
}
#ninews{
height:100px;width:150px;
}
.rotate{
transition: 1s ease;
}

.rotate:hover{
-webkit-transform: rotateZ(-10deg);
-ms-transform: rotateZ(-10deg);
transform: rotateZ(-10deg);
transition: 1s ease;
}
h1{
	font-size:30px;padding:0px;margin:0px;font-weight:bold;
}
h2{
	font-size:15px;padding:0px;margin:0px;
}
h3{
	font-size:14px;padding:0px;margin:0px;
}
#box11{width:210px;height:210px;margin:10px;display:inline-block;margin-bottom:25px;background:white;border:1px silver solid; box-shadow: 0 8px 6px -6px black;
}
#z2{
	display:inline-block;width:32.5%;height:230px;margin:0.2%;border:1px silver solid;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#pr1{
	width:40%;float:right;text-align:center;border:1px silver solid;-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;padding-top:12px;padding-bottom:12px;
}
#pr2{
	width:55%;float:left;line-height:32px;
}
#t1{
	float:right;
}
#t2{
	float:left;
}
#kr{
	float:right;width:49%;border:1px silver solid;padding:10px;margin-bottom:15px;
}



#kl{
	float:left;width:49%;border:1px silver solid;padding:10px;margin-bottom:15px;
}

.button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 3px 4px;
    border: 1px solid #291240;
    border-radius: 4px;
    background: #7132b2;
    background: -webkit-gradient(linear, left top, left bottom, from(#7132b2), to(#291240));
    background: -moz-linear-gradient(top, #7132b2, #291240);
    background: linear-gradient(to bottom, #7132b2, #291240);
    color: #ffffff;
    text-decoration: none;font-size:14px;
}
.button:hover,
.button:focus {
    border: 1px solid ##2d1447;
    background: #883cd6;
    background: -webkit-gradient(linear, left top, left bottom, from(#883cd6), to(#31164d));
    background: -moz-linear-gradient(top, #883cd6, #31164d);
    background: linear-gradient(to bottom, #883cd6, #31164d);
    color: #ffffff;
    text-decoration: none;
}
.button:active {
    background: #291240;
    background: -webkit-gradient(linear, left top, left bottom, from(#291240), to(#291240));
    background: -moz-linear-gradient(top, #291240, #291240);
    background: linear-gradient(to bottom, #291240, #291240);
}

#social{
	float:left;text-align:right;
}
@media only screen and (max-width: 1200px) {

#ccontent1{
	width:1050px;
}
#nnews1{
	float:right;width:150px;height:100px;
}
#nnews2{
height:100px;overflow:hidden;width:870px;float:left;
}
#ninews{
height:100px;width:150px;
}

#mob{
	display:block;
}

#menu2{
	display:block;
}
#menu{
	display:none;
}

}
@media only screen and (max-width: 1050px) {
#ccontent1{
	width:850px;
}
#nnews1{
	float:right;width:150px;height:100px;
}
#nnews2{
height:100px;overflow:hidden;width:670px;float:left;
}
#ninews{
height:100px;width:150px;
}





}


@media only screen and (max-width: 800px) {
#ccontent1{
	width:720px;
}
#menu2{
	display:block;
}

#nnews1{
	float:right;width:150px;height:100px;
}
#nnews2{
height:100px;overflow:hidden;width:490px;float:left;
}
#ninews{
height:100px;width:150px;
}


}


@media only screen and (max-width: 750px) {
.rotate{
transition: 1s ease;
}

.rotate:hover{
-webkit-transform: rotateZ(-0deg);
-ms-transform: rotateZ(-0deg);
transform: rotateZ(-0deg);
transition: 1s ease;
}
#ccontent1{
	width:100%;padding:5px;;
}
#nnews1{
	float:right;width:100%;height:200px;text-align:right;
}
#nnews2{
height:100px;overflow:hidden;width:100%;float:left;
}
#ninews{
height:200px;width:300px;
}
#news1{
	width:100%;margin:0px;margin-bottom:10px;
}
#q1{
	width:100%;margin:0px;margin-bottom:20px;height:300px;
}
#pro{
	height:250px;
}


#f1{
	width:100%;
}

#f2{
	width:100%;margin:0px;margin-top:14px;margin-bottom:14px;
}

#f3{
	width:100%;padding:0px;
}

#box11{width:100%;margin:0px;margin-bottom:10px;text-align:center;
}

#pr1{
	width:100%;margin-bottom:10px;
}
#pr2{
width:100%;
}
img{
	max-width:100%;
}
#pc{
	display:none;
}
#pc2{
	display:none;
}
#search{
	width:100%;
}
#se{
	width:100%;
}
#q{
	width:100%;
}
#bar{
	width:100%;margin:0px;margin-bottom:10px;
}
img{
	max-width:100%;
}
#date{
	text-align:center;width:100%;

}
#lang{
	

}
#logo{
	width:100%;text-align:center;
}
#box1{
	width:100%;margin:0px;margin-bottom:15px;
}
#news{
	width:100%;margin:0px;margin-bottom:15px;
}
#z2{
	width:100%;margin:0px;margin-bottom:10px;
}
img{
	max-width:100%;
}
#l2{
	width:100%;text-align:center;
}
#kr{
	width:100%;
}
#kl{
	width:100%;
}
#title{
	margin-right:0px;margin-top:10px;width:100%;text-align:center;
}
#l2{
	width:100%;text-align:center;margin-top:24px;
}
#k{
	width:100%;margin:0px;margin-bottom:14px;
}
#kk{
	width:100%;margin:0px;margin-bottom:14px;
}
#y1{
	width:100%;padding:0px;margin:0px;border:0px;padding-bottom:10px;border-bottom:1px silver solid;margin-bottom:10px;
}
#y2{
	width:100%;padding:0px;border:0px;
}
}