body,ol,ul,li
{
	padding:0;
	margin:0
}

a
{
	outline:none;
	text-decoration:none;
	color:#333
}

a:hover
{
	color:#000
}

body
{
	background:#000;
	overflow-y:scroll;
	overflow-x:hidden;
	padding:0;
	margin:0;
	font-family:iransans;
	font-size:13px;
	font-weight:300;
	background:#8adfeb
}

.ie7 body
{
	overflow:hidden
}

#box
{
	width:400px;
	min-height:400px;
	height:auto;
	overflow:auto;
	margin:80px auto 0;
	border-radius:3px;
	padding:20px 25px
}

#box-content
{
	width:100%;
	min-height:400px;
	height:auto;
	overflow:auto;
	border-radius:0 0 3px 3px;
	direction:rtl;
	text-align:center;
	font-size:15px;
	font-weight:300;
	color:#18282a
}

#box-content a
{
	color:#00a8e4
}

#box-icon
{
	width:140px;
	height:140px;
	margin:10px auto
}

#box-icon img
{
	width:140px;
	height:140px;
	border:0
}

.title
{
	color:#22294c;
	font-size:19px;
	font-weight:300;
	direction:ltr;
	margin-top:20px;
	margin-bottom:30px
}

@media only screen and (max-width:480px) {
	#box
	{
		width:calc(90% - 50px);
		margin-top:30px
	}
}