@font-face {
	font-family: IRANSansL;
	font-style: light;
	src: url(../Font/IRANSansWeb_Light.ttf) format("truetype")
}

* {
	font-family: IRANSansL;
	font-weight: lighter;
	font-size: 11pt;
	color: white;
}
.AllPg
{
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	bottom: 0px;
}
.MaxPg
{
	width: 100%;
	height: 100%;
}
.Arm
{
	position:fixed;
	top:10px;
	right:10px;
}
.ci1
{
	top: 20px;
	left: 20px;
	position: fixed;
}
.ci2
{
  text-align: center;
  position: absolute;
  top: 80px;
  left: 10%;
}
.ci3
{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
	padding: 20px;
}
.Cls, .BtnCls
{	
	font-size: 12pt;
	text-shadow: 0px 0px 5px #000, 0px 0px 1px #000, 0px 0px 2px #000, 2px 2px 2px #000;
	-moz-text-shadow: 0px 0px 5px #000, 0px 0px 1px #000, 0px 0px 2px #000, 2px 2px 2px #000;
	-webkit-text-shadow: 0px 0px 5px #000, 0px 0px 1px #000, 0px 0px 2px #000, 2px 2px 2px #000;
}
#Wrd_1
{
	font-weight: bold;
	font-size: 60pt;
}
#Wrd_2
{
	font-size: 24pt;
}
#Wrd_x
{
	color: Yellow;
	font-size: 24pt;
}
#DivSelLang
{
	position: fixed;
	top: 15px;
	right: 15px;
}
.BtnCls
{
	border-style: none;
	background-color: rgba(250,0,150,0.4);
	padding: 6px;
	border-radius: 5px;
	cursor: pointer;
	box-shadow:0px 0px 3px 1px #ffffff;
	-moz-box-shadow:0px 0px 3px 1px #ffffff;
	-webkit-box-shadow:0px 0px 3px 1px #ffffff;
	width: 100%;
	z-index: 1000;
}
.xImg
{
  filter: drop-shadow(2px 3px 2px rgba(0 ,0 ,0 , 0.8));
}
#BusyPnl
{
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	position: fixed;
	background-color: White;
	opacity: 0.6;
}
.Shoar
{
	border-radius: 10px;
	background-color: White;
	padding: 15px;
	width: 100%;
	max-width: 200px;
}
.QR
{
	width: 150px;
}
.VI
{
	vertical-align: middle;
}
.lCls
{
	vertical-align: middle;
	cursor: pointer;
}
.lCls:hover
{
	opacity: 0.7;
}
.lClsL
{
	font-size: 10pt;
	background-color: rgba(255,255,255,0.9);
	padding: 5px;
	right: -150px;
	top: 40px;
	position: fixed;
	cursor: pointer;
	color: Black;
	-webkit-transition: right 0.3s linear;
	   -moz-transition: right 0.3s linear;
	        transition: right 0.3s linear;
}
.lCls1
{
	color: Black;
	background-color: rgba(180,180,255,0.9);
	padding: 1px;
}
.lCls2
{
	color: Black;
	padding: 1px;
}
.lCls2:hover
{
	background-color: rgba(180,180,255,0.9);
}

@media screen and (max-width: 900px)
{
	.Cls, .BtnCls { font-size: 10pt; }
	.QR { width: 100px; }
	.xImg { width: 100px; }
	#Wrd_1 { font-size: 32pt; }
	#Wrd_2, #Wrd_x { font-size: 16pt; }
}