﻿@font-face {
    font-family: 'weblogmayekan';
    src: url('fonts/IRAN.eot');
    src: url('fonts/IRAN.eot#iefix') format('embedded-opentype'),
         url('fonts/IRAN.woff') format('woff'),
         url('fonts/IRAN.ttf') format('truetype'),
         url('fonts/IRAN.svg#CartoGothicStdBook') format('svg');
    font-weight: normal;
    font-style: normal;
}
*{
	font-family:weblogmayekan;font-size:16px;;
}

#q1{
	display:inline-block;margin:5px;width:210px;height:200px;
}
#pro{
	height:150px;
}



#container { direction: ltr; width: 100%; margin: 0 auto;background:white }
body{
	background:white;
}
#content1{
	height:auto;margin-bottom:0px;
}
#ccontent1{
	width:1170px; margin: 0 auto;display:table ;height:auto;
}
#menu{
	float:left;;margin-top:14px;margin-bottom:14px;
}

#box2{
	width:240px;height:200px;display:inline-block;margin:15px;
}
#menu2{
	display:none;float:left;
}
#nnews1{
	float:left;width:150px;height:100px;
}
#nnews2{
height:120px;overflow:hidden;width:1000px;float:right;
}
#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:24px;padding:0px;margin:0px;font-weight:bold;
}
h2{
	font-size:16px;padding:0px;margin:0px;
}
h3{
	font-size:14px;padding:0px;margin:0px;
}

#m1{
	width:270px;height:250px;display:inline-block;margin:10px;
}
#head1{
	display:inline-block;width:600px;padding:10px;background-color:#ff0000;color:white;font-weight:bold;font-size:20px;-webkit-border-radius: 10px;
						-moz-border-radius: 10px;
						border-radius: 10px;
}
#head2{
display:inline-block;width:500px;padding:10px;background-color:#000000;color:#e1df00;font-weight:bold;font-size:16px;-webkit-border-radius: 10px;
						-moz-border-radius: 10px;
						border-radius: 10px;}
						
#tit1{
	background:#ed1c24;width:95%;-webkit-border-radius: 10px;
						-moz-border-radius: 10px;
						border-radius: 10px;;padding:5px;padding-right:50px;padding-left:50px;color:white;font-weight:bold;font-size:22px
}
#tit2{
	background:white;padding:10px;padding-right:20px;padding-left:20px;font-weight:bold;font-size:20px;color:black;-webkit-border-radius: 10px;
						-moz-border-radius: 10px;
						border-radius: 10px;
}
#tit3{
	background:#ed1c24;width:95%;-webkit-border-radius: 10px;
						-moz-border-radius: 10px;
						border-radius: 10px;;padding:5px;padding-right:50px;padding-left:50px;color:white;font-weight:bold;font-size:22px;
}	
#lang{
	float:right;text-align:right;margin-bottom:10px;margin-top:5px;
}					
@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;
}


#menu2{
	display:block;
}
#menu3{
	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) {

.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;
}
#q1{
	width:100%;margin:0px;margin-bottom:20px;height:300px;
}
#pro{
	height:250px;
}
#head1{
	width:100%;
}
#head2{
	width:100%;
}
#tit1{
	background:#ed1c24;width:100%;-webkit-border-radius: 0px;
						-moz-border-radius: 0px;
						border-radius: 0px;;padding:5px;padding-right:0px;padding-left:0px;color:white;font-weight:bold;font-size:22px;
}
#tit2{
	background:white;padding:0px;padding-right:0px;padding-left:0px;font-weight:bold;font-size:20px;color:black;-webkit-border-radius: 0px;
						-moz-border-radius: 0px;
						border-radius: 0px;
}
#tit3{
	background:#ed1c24;width:100%;-webkit-border-radius: 0px;
						-moz-border-radius: 0px;
						border-radius: 0px;;padding:5px;padding-right:0px;padding-left:0px;color:white;font-weight:bold;font-size:22px;
}	
}


