@import url('Fonts.css');
	
*
{
	font-family: IRANSans;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
}
body 
{
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
.QRimg
{
	padding: 20px;
	background-color: #FFFFC8;
	border-radius: 5px;
	width: max-content;
}
.jSpace
{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
h1
{
	font-family: IRANSans;
	font-size: 18pt;
	font-style: normal;
}
h2
{
	font-family: IRANSans;
	font-size: 15pt;
	font-style: normal;
}
.Titr1
{
	background-color: Red;
	border:1px solid #444444;
	border-radius:7px;
	width: 100%;
}
.Titr2
{
	background-color: Yellow;
	padding: 15px;
	border:1px solid #444444;
	border-radius:7px;
	width: calc(100% - 30px);
	max-width: 485px;
}
.Titr3
{
	color: Red;
	font-size: 14pt;
}
.Titr4
{
	background-color: Red;
	border-radius: 7px;
	color: White;
	font-size: 14pt;
	margin: 10px;
	padding: 10px;
	cursor: pointer;
	text-decoration: none;
}
#DivAAA
{
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}
#DivBBB
{
	left:0px; 
	right:0px;
	top: 0px;
}
#Img1
{
	filter: drop-shadow(3px 3px 3px rgba(0 ,0 ,0 , 0.6));
}
.Vasat
{
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
}
.ClsI
{
	border: none;
	vertical-align: middle;
}
.ClsM
{
	border-bottom: 1px solid White;
}
.vCls1
{
	width: 100%;
	max-width: 515px;
	border-radius: 15px;
	filter: drop-shadow(3px 3px 3px rgba(0 ,0 ,0 , 1));
}
.vCls2
{
	width: 100%;
	max-width: 840px;
	border-radius: 15px;
	filter: drop-shadow(3px 3px 3px rgba(0 ,0 ,0 , 1));
}
#Shoar 
{
	left: 10px;
	bottom: 10px;
	border-radius: 6px;
	background-color: Red;
	position: fixed;
	filter: drop-shadow(0px 0px 4px rgba(255 ,255 ,255 , 1));
	color: White;
}
#Arow
{
	right: 10px;
	bottom: 10px;
	position: fixed;
}
#Div0 
{
	left:0px; 
	right:0px;
	background-color: #ffffff;
}
.ClasTxt1 
{
	color: Black;
	font-family: IRANSansB;
	font-size: 20pt;
	Text-shadow:2px 2px 2px #FFFFFF;
	-moz-Text-shadow:2px 2px 2px #FFFFFF;
	-webkit-Text-shadow:2px 2px 2px #FFFFFF;
}
.ClasTxt2 
{
	color: Red;
	font-family: IRANSansB;
	font-size: 30pt;
	Text-shadow:2px 2px 2px #FFFFFF;
	-moz-Text-shadow:2px 2px 2px #FFFFFF;
	-webkit-Text-shadow:2px 2px 2px #FFFFFF;
}
.ClasTxt3
{
	height: 40px;
	color: Black;
	font-size: 15pt;
	Text-shadow:2px 2px 2px #FFFFFF;
	-moz-Text-shadow:2px 2px 2px #FFFFFF;
	-webkit-Text-shadow:2px 2px 2px #FFFFFF;
}
.ClasTxt4
{
	color: Red;
	font-size: 18pt;
	Text-shadow:2px 2px 2px #FFFFFF;
	-moz-Text-shadow:2px 2px 2px #FFFFFF;
	-webkit-Text-shadow:2px 2px 2px #FFFFFF;
}
.ClasTxt5
{
	color: Red;
	Text-shadow:2px 2px 2px #FFFFFF;
	-moz-Text-shadow:2px 2px 2px #FFFFFF;
	-webkit-Text-shadow:2px 2px 2px #FFFFFF;
}
.Txt1
{
	font-family: IRANSans;
	font-size: 11pt;
	color: Black;
}
.Txt2
{
	font-family: IRANSans;
	font-size: 11pt;
	color: #808080;
}
#Pnl0
{
	padding-top: 20px;
	padding-bottom: 20px;
}
.JCls
{
	background-color: #FFFFFF;
	border-radius: 5px;
	filter: drop-shadow(3px 3px 3px rgba(0 ,0 ,0 , 0.6));
}
.JClsA
{
	font-size: 16pt;
	color: Red;
	text-decoration: none;
}
.aCls
{
	color: Blue;
	text-decoration: none;
}
.aCls1
{
	color: Blue;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 3px;
}
.aCls2
{
	color: Red;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 3px;
}
.aCls3
{
	color: White;
	text-decoration: none;
}
.aCls:hover
{
	color: Red;
}
.aCls1:hover, .aCls2:hover
{
	background-color: rgba(220,220,255,1);
}
.liCls
{
	display: inline-block;
	width: 130px;
	text-align: center;
	height: 130px;
}
.lxCls
{
	display: inline-block;
	margin: 20px;
}
.liClsx
{
	margin: 10px;
	padding: 15px;
	display: inline-block;
	background-color: #DDDDDD;
	border-radius: 15px;
	filter: drop-shadow(3px 3px 3px rgba(0 ,0 ,0 , 0.6));
}
.liClsy
{
	width: 300px;
	margin: 10px;
	padding: 10px;
	display: inline-block;
	background-color: #225599;
	border-radius: 5px;
	filter: drop-shadow(3px 3px 3px rgba(0 ,0 ,0 , 0.6));
}
.clas2 
{
	color: Yellow;
	text-decoration: none;
}
#back-top
{
  position: fixed;
  right: 10px;
  bottom: 10px;
}
#back-top a
{
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}
.Cls1
{
	width: 330px;
	padding: 10px;
	color: Black;
	border: 1px solid #C0C0C0;
	border-radius: 5px;
	filter: drop-shadow(3px 3px 3px rgba(0 ,0 ,0 , 0.3));
}
.Cls2
{
	background-color: #dddddd;
	width: 350px;
	font-style: normal;
	padding: 10px;
	color: Blue;
	border: 1px solid #C0C0C0;
	border-radius: 5px;
	filter: drop-shadow(3px 3px 3px rgba(0 ,0 ,0 , 0.3));
}
.Cals2
{
	background-color: #336699;
	text-align: center;
	padding: 5px;
	border-radius: 5px;
}
.clas3 
{
	color: Black;
	Text-shadow:2px 2px 2px #FFFFFF;
	-moz-Text-shadow:2px 2px 2px #FFFFFF;
	-webkit-Text-shadow:2px 2px 2px #FFFFFF;
}
.clas4 
{
	background-color: #5577FF; 
	color: White; 
	padding: 5px;
	filter: drop-shadow(3px 3px 3px rgba(0 ,0 ,0 , 0.6));
}
.clas5 
{
	color: Black;
	Text-shadow:2px 2px 2px #FFFFFF;
	-moz-Text-shadow:2px 2px 2px #FFFFFF;
	-webkit-Text-shadow:2px 2px 2px #FFFFFF;
	padding-top: 20px; 
	padding-bottom: 20px;
	border-radius: 7px;
	background-color: #F5FaFa;
	filter: drop-shadow(3px 3px 3px rgba(0 ,0 ,0 , 0.6));
}
.clas6 
{
	filter: drop-shadow(3px 3px 3px rgba(0 ,0 ,0 , 0.6));
}
.clas7 
{
	border: none;
	border-radius: 10px;
	filter: drop-shadow(3px 3px 3px rgba(0 ,0 ,0 , 0.6));
}
.clas8
{
	font-family: IRANSans;
	font-size: 12pt;
	color: #000077;
	Text-shadow:1px 1px 1px #FFFFFF;
	-moz-Text-shadow:2px 2px 2px #FFFFFF;
	-webkit-Text-shadow:2px 2px 2px #FFFFFF;
}
.clas9 
{
	border-radius: 10px;
	background-color: #225599;
	display: inline-block;
	padding: 19px;
	filter: drop-shadow(3px 3px 3px rgba(0 ,0 ,0 , 0.6));
}
.iFrm
{
	border-radius: 20px;
	background-color: White;
}
.Tbl1
{
	border-bottom: 1px solid #C0C0C0;
	text-align: center;
	vertical-align: middle;
}
.Tbl2
{
	border-bottom: 1px solid #C0C0C0;
	text-align: right;
	vertical-align: middle;
}
#Div1
{
	background-color: #303646;
	color: White;
	font-family: IRANSans;
	font-size: 12pt;
	left: 0px;
	right:0px;
}
#Div2
{
	background-color: #ffffff;
	color: Black;
	font-family: IRANSans;
	font-size: 12pt;
	left: 0px;
	right:0px;
}
#Div3
{
	background-color: #dddddd;
	color: Black;
	font-family: IRANSans;
	font-size: 12pt;
	left: 0px;
	right:0px;
}
#Div4
{
	background-color: #333333;
	color: White;
	font-family: IRANSans;
	font-size: 12pt;
	left: 0px;
	right:0px;
}
#Div5
{
	background-color: #cccccc;
	background-position: 20px 100px;
	background-image: url('../Images/MP300.png');
	background-repeat: no-repeat;
	color: Black;
	left: 0px;
	right:0px;
}
#Div27
{
	background-color: #FFFFCC;
	background-position: 20px 20px;
	background-image: url('../Images/MoPosX.png');
	background-repeat: no-repeat;
	color: Black;
	left: 0px;
	right:0px;
}
#Div6
{
	background-color: #222222;
	background-image: url('../Images/Nasb.png');
	background-repeat: no-repeat;
	background-position: 10px 10px;
	color: White;
	left: 0px;
	right:0px;
}
#Div7
{
	background-color: #ffffff;
	background-image: url('../Images/NetWork.jpg');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	color: Black;
	left: 0px;
	right:0px;
}
#Div8
{
	background-color: #dddddd;
	color: Black;
	left: 0px;
	right:0px;
}
#Div9
{
	background-color: #ffffff;
	color: White;
	left: 0px;
	right:0px;
}
#Div10
{
	background-color: #ffffff;
	color: Black;
	left: 0px;
	right:0px;
}
#Div11
{
	background-color: #CCffff;
	color: Black;
	left: 0px;
	right:0px;
}
#Div12
{
	background-color: #31b0e8;
	background-image: url('../Images/TelegramMopos.gif');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	color: Black;
	left: 0px;
	right:0px;
	height: 600px;
}
#Div13
{
	background-color: #ffcc77;
	color: White;
	left: 0px;
	right:0px;
}
#Div14
{
	background-color: #ffffff;
	background-image: url('../Images/News.png');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	color: black;
	left: 0px;
	right:0px;
}
#Div15
{
	background-color: #99bbff;
	color: black;
	font-size: 11pt;
	padding: 30px;
	left: 0px;
	right:0px;
	padding-bottom: 70px;
}
#Div16
{
	background-color: #99ffbb;
	color: Black;
	left: 0px;
	right:0px;
}
#Div17
{
	background-color: #ffcccc;
	color: Black;
	left: 0px;
	right:0px;
}
#Div18
{
	background-image: url('../Images/Takhfif1.png');
	background-repeat: no-repeat;
	background-position: 20px 20px;
	background-color: #ccbbdd;
	color: Black;
	left: 0px;
	right:0px;
}
#Div19
{
	background-color: #ddffdd;
	color: Black;
	left: 0px;
	right:0px;
}
#Div20
{
	background-color: #FFFF88;
	color: Black;
	left: 0px;
	right:0px;
}
#Div21
{
	background-color: #005533;
	color: White;
	left: 0px;
	right:0px;
}
#Div22
{
	background-image: url('../Images/QR.png');
	background-repeat: no-repeat;
	background-position: 20px 20px;
	background-color: #FF3399;
	color: White;
	left: 0px;
	right:0px;
}
#Div23
{
	background-color: White;
	color: Blue;
	left: 0px;
	right:0px;
}
#Div24
{
	background-color: Red;
	color: White;
	left: 0px;
	right:0px;
}
#DivInfo
{
	background-color: #dddddd;
	color: Black;
	left: 0px;
	right:0px;
}
#DivSit
{
	background-image: url('../Images/Shetab.png'); 
	background-repeat: no-repeat;
	background-position: 20px 20px;
	background-color: #222222;
	color: White;
	left: 0px;
	right:0px;
}
#DivMil
{
	background-color: #336699;
	background-image: url('../Images/Mailbox.png'); 
	background-repeat: no-repeat;
	background-position: 20px 20px;
	color: White;
	left: 0px;
	right:0px;
}
#Div25
{
	background-color: #15818e;
	background-image: url('../Images/Calender.jpg'); 
	background-repeat: no-repeat;
	background-position: 10px 10px;
	color: White;
	left: 0px;
	right:0px;
}
#Div26
{
	background-color: #2989df;
	background-image: url('../Images/NetWorkMarket.jpg'); 
	background-repeat: no-repeat;
	background-position: 10px 10px;
	color: White;
	left: 0px;
	right:0px;
}
#Div28
{
	background-color: #2989df;
	background-image: url('../Images/Agency.png'); 
	background-repeat: no-repeat;
	background-position: 10px 10px;
	color: White;
	left: 0px;
	right:0px;
}
#Div30
{
	background-color: #FF3399;
	color: White;
	left: 0px;
	right:0px;
}
#DivPoshtiban
{
	background-color: #ffffff;
	background-image: url('../Images/Poshtibany.jpg');
	background-repeat: no-repeat;
	background-position: right 10px;
	color: White;
	left: 0px;
	right:0px;
}
#DivTamas
{
	background-color: #000;
	color: White;
	left: 0px;
	right:0px;
	padding: 20px;
}
#DivJ
{
	background-color: #FFFFFF;
	background-image: url('../Images/Jayeze4.png');
	background-repeat: no-repeat;
	background-position: left 20px top 40px;
	color: Black;
	left: 0px;
	right:0px;
}
#DivD
{
	background-color: #336699;
	color: White;
	left: 0px;
	right:0px;
}
#BusyPnl
{
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	position: fixed;
	background-color: White;
	opacity: 0.6;
}
.ss1
{
	display: inline-block;
	padding: 30px;	
}
.Mnu
{
	cursor: pointer;
	padding-left: 7px;
	display: none;
}
.MnuBar
{
	width: 300px;
}
.MnuCls
{
	background-color: rgba(240,240,255,1);
	padding: 20px;
	right: -350px;
	top: 0px;
	bottom: 0px;
	position: fixed;
	color: Black;
	overflow: auto;
	-webkit-transition: right 0.3s linear;
	   -moz-transition: right 0.3s linear;
	        transition: right 0.3s linear;
	filter: drop-shadow(2px 2px 3px rgba(0 ,0 ,0 , 0.6));
}
.MnuCls:after
{
	right: -350px;
}
.mClos
{
	top: 5px;
	left: 5px;
	position: absolute;
	cursor: pointer;	
}
.onv
{
	width: 120px;
}

@media screen and (max-width: 900px)
{
	.Mnu { display: inherit; }
	.MnuBar { display: none; }
}