body{font-family:Tahoma;font-size:12px;background-image:url(../images/login.bg.jpg);margin:0}
#box_asli_mokhtal{background-image:url(../images/login.box.png);font-size:11px;width:700px;height:480px;padding-top:20px;margin:0 auto 10px}
#head{width:700px;height:10px;margin:20px auto 0}
#header_mokhtal{width:600px;height:150px;background-image:url(../images/login.header.png);margin:20px auto 0}
#hadis{width:90%;height:25px;background-color:transparent;direction:rtl;color:#fff;text-align:center;padding-top:3px;margin:auto auto 10px auto;line-height:160%;padding-bottom:5px}
#amar{width:100%;direction:rtl;color:#FFF;display:table;margin:auto}
#amar_box_l{height:102px;width:204px;padding:3px 35px 3px 3px;float:right;border:1px #999 solid;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#000000');-moz-border-radius:7px;-webkit-border-radius:7px;background:transparent url(../images/login.online.png) no-repeat scroll right 0;margin:auto}
#amar2{width:80%;direction:rtl;color:#FFF;display:table;margin:auto}
#amar_box_2{height:102px;width:264px;padding:3px 35px 3px 3px;float:right;border:1px #999 solid;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#000000');-moz-border-radius:7px;-webkit-border-radius:7px;background:transparent url(../images/login.online.png) no-repeat scroll right 0;margin:auto}
.stats{margin-top:-10px}
#box_content{width:90%;background-color:transparent;border:1px #CCC solid;direction:rtl;color:#FFF;-moz-border-radius:7px;-webkit-border-radius:7px;text-align:center;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#000000');-moz-box-shadow:3px 3px 4px #000;-webkit-box-shadow:3px 3px 4px #000;margin:5px auto 0 auto;padding:10px 0}
.but{width:140px;height:50px;background:transparent;border:0;color:#FFF;font-family:Tahoma}
.but:hover{cursor:pointer;color:#FC0}
#mokhtal_ghavanin{width:90%;background-color:transparent;direction:rtl;color:#FFF;text-align:right;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#000000');line-height:170%;margin:auto;padding:10px 0}
#foot{width:220px;height:28px;text-align:center;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=135,Color='#000000');margin:10px auto 5px}
#copyright_paeen{margin:0;background-color:black;height:20px;font-family:Tahoma;font-size:11px;text-align:center;color:#FFFFFF;padding-top:4px}
#copyright_paeen a{text-decoration:none;color:#FFFFFF;font-size:11px}
#copyright_paeen a:link{color:#60A5FE;text-decoration:none;font-size:11px}
#copyright_paeen a:visited{text-decoration:none;color:#60A5FE;font-size:11px}
#copyright_paeen a:hover{color:#FFFF00}
.round{-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;-moz-box-shadow:3px 3px 4px #909090;-webkit-box-shadow:3px 3px 4px #909090;box-shadow:3px 3px 4px #909090;border:0}
#head_mokhtal{height:26px;margin-bottom:10px}
#cssmenu_mokhtal{width:100%;direction:rtl;height:27px;margin:0;padding:0;background:#000000 url(../images/login.bg-2.gif) top left repeat-x}
#cssmenu_mokhtal ul{list-style:none;margin:0;padding:0}
#cssmenu_mokhtal ul li{float:right;margin:0;padding:0;background:transparent url(../images/login.bg-3.gif) top left no-repeat}
#cssmenu_mokhtal ul li a{display:block;height:27px;padding-left:20px;float:left;text-transform:uppercase;font-family:Tahoma;font-size:11px;color:#FFFFFF;text-decoration:none}
#cssmenu_mokhtal ul li a span{display:block;float:left;height:21px;text-shadow:2px 2px #000;padding-top:5px;padding-right:35px;background:transparent url(../images/login.bg-3.gif) top right no-repeat;cursor:pointer}
#cssmenu_mokhtal ul li a:hover,#cssmenu_mokhtal ul li.active a{background:transparent}
#cssmenu_mokhtal ul li a:hover span,#cssmenu_mokhtal ul li.active a span{background:transparent}
#foot a{text-decoration:none;color:#FFF;height:28px}
#foot a:hover{color:#FF0}
#visit-counter{position:fixed;left:10px;bottom:10px;background:rgba(0,0,0,0.6);color:#fff;padding:6px 10px;font-size:12px;border-radius:6px;z-index:9999;direction:rtl}
.seo-hidden{position:absolute !important;visibility:hidden;height:0;overflow:hidden}
#fixeddiv{padding:0px;position:fixed;width:120px;height:120px;right:0px;bottom:0px}

@media screen and (max-width:768px){
body{font-size:11px}
#box_asli_mokhtal{width:95%;height:auto;padding-top:110px;margin:0 auto 10px;background-size:cover;background-position:center}
#head{width:95%;margin:10px auto 0}
#header_mokhtal{width:80%;height:100px;margin:10px auto 0;background-size:contain;background-position:center}
#hadis{width:95%;height:auto;padding:5px;font-size:11px;line-height:150%}
#amar_box_l{width:90%;height:auto;padding:10px;float:none;margin:10px auto;background-size:50px;background-position:right 10px center}
#amar2{width:95%}
#amar_box_2{width:90%;height:auto;padding:10px;float:none;margin:10px auto;background-size:50px;background-position:right 10px center}
#box_content{width:95%;padding:15px 0}
#box_content input[type="text"],#box_content input[type="password"],#box_content select{width:80%;max-width:250px;padding:8px;margin:5px auto;display:block;font-size:14px}
#box_content input[type="submit"]{width:80%;max-width:200px;padding:10px;font-size:14px;margin:10px auto;display:block}
#mokhtal_ghavanin{width:95%;padding:10px;font-size:11px;line-height:160%}
#cssmenu_mokhtal{height:auto}
#cssmenu_mokhtal ul{display:flex;flex-wrap:wrap;justify-content:center}
#cssmenu_mokhtal ul li{float:none;width:48%;margin:1%;background-size:cover}
#cssmenu_mokhtal ul li a{padding-left:10px;height:auto;float:right;padding:8px 5px;font-size:10px}
#cssmenu_mokhtal ul li a span{padding-right:10px;height:auto;padding:3px 10px;font-size:11px;float:right;background-size:cover}
#fixeddiv{width:80px;height:80px;right:5px;bottom:5px}
#fixeddiv img{width:100%;height:100%}
#visit-counter{left:5px;bottom:5px;font-size:10px;padding:4px 6px}
.but{width:100px;height:40px;font-size:11px}
#foot{width:180px}
#lay_captcha{margin-top:10px}
#lay_captcha img{max-width:100px;height:auto}
#lay_captcha input{width:80px !important;max-width:80px !important}
}

@media screen and (max-width:480px){
body{font-size:10px}
#box_asli_mokhtal{width:98%;padding-top:95px}
#header_mokhtal{height:80px}
#hadis{font-size:10px;padding:8px}
#cssmenu_mokhtal ul li{width:50%;margin:2px 0}
#cssmenu_mokhtal ul li a{font-size:11px;padding:6px 5px}
#cssmenu_mokhtal ul li a span{font-size:11px;padding:2px 8px;float:right}
#box_content input[type="text"],#box_content input[type="password"],#box_content select{width:90%;font-size:13px}
#box_content input[type="submit"]{width:90%;font-size:13px}
#mokhtal_ghavanin{font-size:10px;line-height:150%}
#fixeddiv{width:60px;height:60px}
#visit-counter{font-size:9px;padding:3px 5px}
}

@media screen and (min-width:769px) and (max-width:1024px){
#box_asli_mokhtal{width:90%}
#head{width:90%}
#header_mokhtal{width:90%;height:120px;background-size:cover}
#amar_box_l,#amar_box_2{width:45%;margin:10px 2%}
#cssmenu_mokhtal ul li{width:auto; float:right;}
}