body{margin:0;font:14px fontman;user-select: none;overscroll-behavior-y: none;}

sez{display:block;border:1px solid #92c2d1;background-color:#e7f8fe}
#patternCanvas {position: absolute;z-index: 1;}
#textCanvas {position: relative;z-index: 2;pointer-events: none;margin:20px 20px 0 20px;}


canvas {top: 0;left: 0;margin:20px 20px 0 20px;}


 allcan{display:inline-block;text-align:center;}
 allto{display:block;padding:0 15px}
inpte{display:none;border:1px solid #ccc;outline:none;padding:10px 5px;margin:-20px 0 30px 0;border-top:none;transition:1s;}
#inpt,#inpe,ptx{display:inline-block;border:1px solid #ccc;outline:none;padding:3px 5px;font:14px fontman;width:calc((100% - 54px) / 2);margin:0 5px;text-align:center;direction:ltr;transition:1s;}
ptx{padding:5px;background-color:#eeeeee;margin-top:10px;direction:rtl;color:rgba(0, 0, 0, 0.80)}

.horizh {
    position: absolute;
    justify-content: center;
    align-items: center; 
    text-align: center;
    font-size: 14px;
    writing-mode: vertical-rl; 
    direction:ltr;color:#0a6b8a;margin-top:20px;

}
.horizw {
    top: 0;
    position: absolute;
    justify-content: space-between; 
    align-items: center;
    text-align: center;
    font-size: 14px;
    direction:ltr;color:#0a6b8a;margin-right:20px;
}

cerg{display:block;}
cerg:before{content:'✔️';vertical-align:middle;display:inline-block;margin:5px 10px;font-size:14px}
#seoh2{display:block;position:fixed;bottom:0;left:-1500px}

spcob,spco,spcow,sp3l{display:inline-block;width:22px;height:10px;vertical-align:middle;cursor:pointer;margin:5px 5px 5px 0;border:2px solid white;padding:4px;outline:1px solid #0a6b8a;}
spcob{background-color:black}
spcow{background-color:white}
spco{background-image:url(../pic/spcowb.png);background-size:contain;background-repeat:no-repeat}
sp3l{background-image:url(../pic/3line.png);background-position:center;background-size:36px 28px;background-color:white}

balpa{padding:3px;border:1px solid #ccc;outline:none;background-color:rgba(255, 253, 176, 0.2);display:block;margin:5px 0 20px 1px;}
sert,serb,serp,serc{display:inline-block;vertical-align:middle}
serb,serp{background-size:cover;width:27px;height:27px;margin:-5px 0;cursor:pointer;}
sert{width:calc(100% - 119px);text-align:right;}
serb{background-image:url(../pic/toptxt.png);}
serp{background-image:url(../pic/bottomtxt.png);}
serc{width:22px;height:22px;direction:ltr;border:1px dashed #ccc;}


ldiv,ldivl,divj{display:inline-block;vertical-align:middle;outline:none;border:none;}
ldiv{width:50px;text-align:center;border:1px solid #0a6b8a;}
divj{width:calc(100% - 30px);text-align:right;direction:ltr;}
ldivl{width:calc(100% - 65px);text-align:left;}

ccanvas{display:block;margin-bottom:5px;padding-left:1px;min-width:230px}

.question{background-color:white;text-align:center;position:relative;display:inline-block;width:20px;height:20px;vertical-align:middle;cursor:pointer;outline:none;border:1px dashed #0a6b8a;border-radius:50%;}

hed{display:block;background-color:#0a6b8a;padding:5px 10px;direction:rtl;font-size:15px}
hedtxt{display:inline-block;vertical-align:middle;color:white;font:18px fontman;width:100px;overflow:hidden}

lefer{display:inline-block;vertical-align:middle;border:1px solid white;border-radius:4px;padding:2px 5px;cursor:pointer;transition:.5s;margin-right:5px}
pice,pice2{display:inline-block;vertical-align:middle;width:25px;height:25px;background-size:contain;}
pice{background-image:url(../pic/Laboratory.png);}
pice2{background-image:url(../pic/login.png);}
txtx,txtx2{display:inline-block;vertical-align:middle;color:white;margin:0 5px;}
txtx2{margin-top:-5px}
lefer:hover{background-color:#7299a6;transition:.5s}
.mlrk{margin:0 10px}


menuh{display:inline-block;vertical-align:middle;background-image:url(../pic/menu.png);width:40px;height:40px;background-size:contain;cursor:pointer}


h1{display:block;font:16px fontman;margin:10px 20px 20px 20px}

h1:before{content:'★';display:inline-block;vertical-align:middle;animation:4s linear 0s infinite rotx;margin:0 7px;color:gold;font-size:20px}
@keyframes rotx{0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);}}

a{text-decoration:none;color:black}


divrl{display:block;padding:5px;direction:rtl}
divr,divl{text-align:center;display:block;width:auto;margin:5px;padding:5px;border:1px solid #0a6b8a;outline:none;direction:rtl}
divr{background-color:#e7f8fe;margin-bottom:10px;padding:0;direction:rtl}


tabs{display:flex;border-bottom:1px solid #0a6b8a;background-color:#c0e9f6;direction:rtl}
tabse{display:flex;border-radius:50px;margin:10px 0;border:1px solid #0a6b8a;background-color:#c0e9f6}
tabs psd,tabs pse{width:25%;padding:6px 0 8px 0;border-right:1px solid #0a6b8a;outline:none;cursor:pointer;font-size:13px}

tabse .pse {border-radius:0 50px 50px 0}
tabse pse{border-radius:50px 0 0 50px}

tabse pse{width:50%;padding:6px 0 8px 0;outline:none;cursor:pointer;font-size:13px;background-color:#c0e9f6}
tabs .nopsd{border:none;}
.nopad{padding:10px}
Xzpsd{display:none;padding:20px;direction:rtl}
else,else2{display:inline-block;vertical-align:middle;margin-left:15px}
else2{margin-right:15px}

#loader {
  display:inline-block;
  margin:0;float:left;
  width: 14px;
  height: 14px;
  border: 5px solid #f3f3f3;
  border-top: 5px solid #3498db;
  border-radius: 50%;
  animation: spin 2s linear infinite, heart-beat 2s linear infinite;
  background-color: #fff;
  text-align: center;
  line-height: 120px;vertical-align:middle
}


@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes heart-beat {
    55% { background-color: #fff; }
    60% { background-color: #3498db; }
    65% { background-color: #fff; }
    70% { background-color: #3498db; }
    100% { background-color: #fff; }
}

download{display:inline-block;vertical-align:middle;width:43px;cursor:pointer;height:28px;margin:9px 0px;background-image:url(../pic/download.jfif);background-position:center;background-size:contain;background-repeat:no-repeat}

play{display:inline-block;vertical-align:middle;width:50px;cursor:pointer;height:25px;margin:9px 0px;background-image:url(../pic/play.png);background-position:center;background-size:contain;background-repeat:no-repeat}
show{display:inline-block;vertical-align:middle;transition:1s;width:90px;cursor:pointer;margin:9px 16px 8px 5px;border:1px solid #0a6b8a;padding:4px 20px;font:italic 14px fontman;color:#0a6b8a}
show:hover{background-color:#c0e9f6;transition:1s}
@media(min-width:768px){
divrl{display:flex;}
divr{margin:5px 5px 5px 0;border-left:none;width:30%;display:block;}
divl{margin:5px 0 5px 5px;width:70%;display:block;}
}


#inp,#inps,#inps1,#inps2{border:1px solid #ccc;outline:none;display:block;padding:3px 5px;font:14px fontman;width:calc(100% - 13px);transition:1s;}
#inp{margin-top:40px;}
#inps{margin-top:20px}

#inps1,#inps2{width:calc(100% - 63px);display:inline-block;vertical-align:middle;padding:4px 5px;margin-right:4px;vertical-align:middle;text-align:center;direction:ltr}
.selt{display:inline-block;vertical-align:middle}
selt{display:inline-block;vertical-align:middle;width:45px;}

.seltwr{display:inline-block;vertical-align:middle;width:calc(100% - 51px);margin:-15px 0}
boldR,boldS,italicR,italicS,txtstop{display:inline-block;vertical-align:middle;width:28px;height:28px;border:1px solid #ccc;background-color:rgba(255, 253, 176, 0.27);background-size:23px;background-repeat:no-repeat;background-position:center;cursor:pointer}
boldR,boldS{background-image:url(../pic/bold.png);}
italicR,italicS{background-image:url(../pic/italic.png);}
txtstop{transition:.7s}


sedabazi{display:table;border-bottom:1px dashed #ccc;margin:20px auto;padding-right:8px}
sedabazi sp,sedabazi sp1,sedabazi sp2{display:inline-block;text-align:right;vertical-align:middle}
sedabazi sp{width:140px;}
sedabazi sp1{width:90px;}
sedabazi sp2{width:60px;text-align:left;font:13px fontman;}

sedabazi input{display:inline-block;text-align:left;vertical-align:middle;zoom:1.6;outline:none;cursor:pointer}

#forsat,#inpfy1y2,#inpmargin,#inplineWidth,#inpflash,#inptool,#speedeffects,#speedeffectr,#gifspeed,#gifsize{-webkit-appearance:none;width:100%;height:1px;background:#92c2d1;outline:none;margin:35px 0 5px 0;direction:ltr;cursor:pointer;}
#speedeffects,#speedeffectr{width:calc(100% - 20px);margin:25px 0 5px 0;}
#forsat::-webkit-slider-thumb,#inpfy1y2::-webkit-slider-thumb,#inpmargin::-webkit-slider-thumb,#inplineWidth::-webkit-slider-thumb,#inpflash::-webkit-slider-thumb,#inptool::-webkit-slider-thumb,#speedeffects::-webkit-slider-thumb,#speedeffectr::-webkit-slider-thumb,#gifspeed::-webkit-slider-thumb,#gifsize::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;cursor:pointer;background-image:url(../pic/logo.png);background-size:cover;object-fit:cover;background-position:center;}


/* تنظیمات برای محفظه select */
.select-wrapper {
  position: relative
}

/* استایل select */
select { 
  -webkit-appearance: none; /* غیرفعال کردن استایل پیش‌فرض */
  -moz-appearance: none;
  appearance: none;
  background-color: white; /* رنگ مورد نظر */
  font:14px fontman;
  appearance: none;
  width: 100%;
  padding:4px 10px;
  margin:20px 0;
  border: 1px solid #ccc;
  cursor: pointer;
  outline: none;
  transition: border-color 1s;
  box-sizing: border-box;
}
 
/* حالت فوکوس */
select:focus,#inp:focus,#inps:focus,#inps1:focus,#inps2:focus,#hstl:focus,#hstr:focus,#hsbr:focus,#hsbl:focus{
  border-color: #0a6b8a;transition:1s;
}
#inpe:focus{border-color: #0a6b8a;border-radius:5px;}
#inpt:focus {border-color: #0a6b8a;border-radius:5px;}
#inpe:focus ~ #widthResult {border-color: #0a6b8a;border-radius:5px;}
#inpt:focus ~ #heightResult {border-color: #0a6b8a;border-radius:5px;}


/* استایل فلش */
.select-wrapper .arrow,.select-wrapper .arrow2,.select-wrapper .arrow3 {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #0a6b8a;
  transition: transform 0.3s ease;
}
/* استایل آیکن */
select::-ms-expand {
  display: none;
}

/* استایل گزینه‌ها */
option {
  padding: 10px;
}
divl{display: flex;align-items: center;justify-content: center}





@font-face{font-family:fontman;src:url(/font/Sahel.woff) format("woff"); font-display: swap;}


        .tooltip {
            display: none;
            position: absolute;
            top: auto;
            bottom: 140%;
            left: 50%;
            transform: translateX(-50%);
            background-color: rgba(0, 0, 0, 0.80);
            color: #fff;
            padding: 10px 13px;
            border-radius: 10px;
            white-space: normal;
            z-index: 1000;
            width: 250px;
            text-align:justify;
        }

        .tooltip::after {
            content: '';
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
            border-width: 8px;
            border-style: solid;
            border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
        }

        .question.active .tooltip {
            display: block;
        }

        .tooltip.adjust-left {
            left: auto;
            right: 0;
            transform: translateX(0);
        }

        .tooltip.adjust-right {
            left: 0;
            transform: translateX(0);
        }

        .tooltip.adjust-left::after {
            left: auto;
            right: 10px;
            transform: translateX(0);
        }

        .tooltip.adjust-right::after {
            left: 10px;
            transform: translateX(0);
        }

        .tooltip.adjust-top {
            bottom: auto;
            top: 100%;
        }

        .tooltip.adjust-top::after {
            top: auto;
            bottom: 100%;
            border-color: transparent transparent #333 transparent;
        }



pelans {
            display: block;
            background-color:rgb(142, 191, 207);      
            padding:0 5px;margin:0 0 10px 0;white-space:nowrap;overflow-x:auto;overflow-y:hidden;
            border-bottom:2px dashed #4b807c;border-top:2px dashed #4b807c;
        }

        pelan {
            display: inline-flex;
            flex-direction: column;
            justify-content: center; 
            align-items: flex-end;
            position: relative; 
            padding: 25px 10px 0 10px;
            border: 1px solid #ccc;
            margin: 5px;
            height: 100px; 
            width: 200px;
            text-align: right;
            color:red;
            vertical-align:middle;white-space:nowrap;font-size:15px;overflow:hidden;
            flex: 0 0 200px; 
            box-sizing: border-box;
            background-color:rgba(0, 0, 0, 0.2);transition:1s 

        }
       
        .menu-icon {
            position: absolute;
            top:-4px;
            right:-4px;
            cursor: pointer;padding: 10px
        }

        .menu-icon div {
            color: white;
            width: 5px;
            height: 5px;
            background-color: white;
            margin: 2px 0;
            border-radius: 50%;transition:1s;display:block
        }

        .menu {
            display: block;
            transform:scaleY(0)scaleX(0);transition:.3s;transform-origin:top right;
            position: absolute;
            top: 7px;
            right: 18px;
            background: white;
            border: 1px solid #ccc;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            border-radius: 5px;
            z-index: 1000;padding:5px 0 10px 10px;
        }
        

        .menu button {
            display: block;
            width: 100%;
            padding:4px 10px 0 10px;
            border: none;
            background: none;
            text-align: right;
            cursor: pointer;font:italic 12px fontman;
        }
        .menu button:before {content:'.';float:right;margin:-25px 0 -15px 5px;font:bold 34px fontman;}
        .menu button:hover {color: red;}
        conp{
         position: absolute;
    top: 7px; 
    left: 7px; 
    background-color: red; 
    outline:none;
    border:1px solid white;
    width:18px;height:18px;
    font-size: 11px;
    color: white; transition:.5s;text-align:center;border-radius:50%
        }

        
   .slider {
        position: relative;
        overflow: hidden;
        width: calc(100% - 10px); /* عرض کل اسلایدر */
       margin:0 0 10px 0;
    }

    .slides {
        display: flex;
        transition: transform 0.5s ease-in-out;
        will-change: transform;
    }

   
    .prev, .next {
        position: absolute;
        top: 50%;
        border-radius:50%;
        transform: translateY(-50%);
        background-color: rgba(255, 255, 255, 0.5);
        color: white;
        border: none;outline:none;
        padding:10px 15px;
        cursor: pointer;
        z-index: 1000;font-size:12px;transition:.5s;border:1px solid
    }

    .prev {
        left: 10px;
    }
    .next {
        right: 10px;
    }
     .prev:disabled {
        left: -100px;
    }
    .next:disabled {
        right: -100px;
    }

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance:none; /* حذف دکمه‌ها در کروم و سافاری */
margin: 0
}
 input[type="number"] {
-moz-appearance: textfield; /* حذف دکمه‌ها در فایرفاکس */
}

.square {position: relative;width: 150px;height: 80px;display:table;margin: 20px auto}
.square .lines,.square .linesc{position: absolute;cursor:pointer;}
.square .lines{background-color: #0a6b8a;}
.square .top {width: 100%;height: 10px;top: -10px;left: 0;}
.square .bottom {width: 100%;height: 10px;bottom: -10px;left: 0;}
.square .left {width: 10px;height: 100%;top: 0;left: -10px;}
.square .right {width: 10px;height: 100%;top: 0;right: -10px;}
.square .center {top:calc(50% - 11px);right:calc(50% - 11px);}

.squares {position: relative;width: 150px;height: 150px;display:table;margin:70px auto 40px auto;border:1px dashed #0a6b8a;border-radius:10px}
.squares .lines2,.squares .linesc2,.hsb input,.hsb vas{position: absolute;cursor:pointer;}
.squares .lines2{background-color: #0a6b8a;width:50px;height:23px;padding:13.5px 0;border-radius:10px;text-align:center;justify-content:center;align-items:center;color:white;}
.squares .top {top:-25px;left:calc(50% - 25px);transform:rotate(90deg);}
.squares .bottom {bottom:-25px;left:calc(50% - 25px);transform:rotate(270deg);}
.squares .left {top:calc(50% - 25px);left:-25px;}
.squares .right {top:calc(50% - 25px);right:-25px;transform:rotate(180deg);}
.squares .center {top:calc(50% - 11px);right:calc(50% - 11px);}


jammenha{position:relative;display:block;}
jamm,menha{position:absolute;cursor:pointer;top:-32px;width:32px;height:32px;
background-position:center;background-repeat:no-repeat;background-size:23px
}
jamm{border-left:1px solid #ccc;right:50px;background-image:url(../pic/ap.png)}
menha{border-right:1px solid #ccc;left:1px;background-image:url(../pic/am.png)}


.hsb{width:80%;height:115px;border-radius:0;margin:40px auto 20px auto;}
.hsb input{width:40px;height:24px;border:2px solid #ccc;outline:none;text-align:center;font:14px fontman;transition:.5s;transform:rotateX(0deg);direction:ltr}
.hsb #hstl{top:-12px;left:-20px;}
.hsb #hstr{top:-12px;right:-20px;}
.hsb #hsbr{bottom:-12px;right:-20px}
.hsb #hsbl{bottom:-12px;left:-20px;}

.hsb vas{width:140px;height:68px;top:calc(50% - 34px);left:calc(50% - 70px);border:1px dashed #0a6b8a;text-align:center;font-size:13px;border-radius:10px;background-color:#ecf9ee}
.hsb vas vast{display:block;border-bottom:1px dashed #0a6b8a;height:24px;padding:3px 0 2px 0;}
.hsb vas vasts,.hsb vas vastb{display:inline-block;vertical-align:middle;width:70px;height:24px;padding:1px 0;border-radius:10px;border:1px solid #0a6b8a;transition:.5s}
vastz{display:flex;padding:5px}
.hsb vas vasts{background-color:#0a6b8a;color:white}
.hsb vas vastb{background-color:transparent;color:black;margin-right:5px}

 input[type="color"] {border:none;outline:none;background-color:transparent;width:22px;height:22px;cursor:pointer}

#colormatnS,#colormatnR{display:inline-block;vertical-align:middle;width:30px;height:30px;border:1px solid #ccc;background-color:rgba(255, 253, 176, 0.27)}
       
fils{border:1px dashed #0a6b8a;display:block;margin:15px 0 35px 1px;background-color:#ecf9ee;}
fils sfp1,fils label{display:inline-block;vertical-align:middle}
fils sfp1{width:calc(100% - 120px);text-align:right}
fils label,filds slt,exits,msgyes{width:80px;background-color:#0a6b8a;color:white;margin:15px 0;padding:2px 0 3px 0;border-radius:2px;border:2px solid #e7f8fe;outline:2px solid #0a6b8a;font-size:13px;cursor:pointer}
filds{display:block;text-align:right;padding:10px;text-align:justify;}
filds slt,msgyes{display:table;width:120px;margin:25px auto 10px auto;text-align:center;}
filds slep{display:none;text-align:center;border:1px dashed #0a6b8a;padding:5px;background-color:#f7f6d0;margin:25px 0 0 0}

divh2{display:inline-block;text-align:right;padding:15px;text-align:justify;width:calc(100% - 260px);vertical-align:middle;}


#geo{display:block;width:100%;margin-top:25px;padding:0;background-color:black}
descgeo{display:block;text-align:justify;margin:30px 0;}
descgeo bs{color:black;display:block;border-bottom:1px dashed #0a6b8a;padding:5px 5px 2px 5px;margin:0 0 5px 1px;font-size:14px;cursor:pointer}
descgeo b{margin-top:10px;display:inline-block;color:#0a6b8a}
descgeo bst{display:block;}
descgeo ad{color:#0a6b8a;display:inline-block;margin-top:10px}
fdesc{display:block;height:0;overflow:hidden;transition:0.5s;padding:2px}
tbs,mosman{display:inline-block;vertical-align:middle;}
tbs{width:calc(100% - 15px)}
mosman{border:none;text-align:center;font:bold;font-size:18px;cursor:pointer;transition:.5s;margin-bottom:-2px}


footer{background-color:#0a6b8a;color:white;width:100%;display:table;margin-top:10px;direction:rtl;}
#Laserboard{width:calc(100% - 40px);border:none;max-height:300px;object-fit:cover;margin:20px 20px 0 20px;border-radius:20px;outline:none}


namad{display:inline-block;width:210px;vertical-align:middle;margin-left:5px;}
footerd{display:block;width:auto;vertical-align:top;padding:5px;text-align:center;margin:10px 10px 0 10px;border-radius:5px}
footerd a{display:inline-block;vertical-align:middle;margin:5px;width:160px;text-align:center;background-color:#ccc;transition:.1s}
footerd a:hover{background-color:white;transition:.1s}
idnm {display:table;border-bottom:1px dotted white;margin:0 auto 15px auto;padding:5px 10px;}
.tofoot{font-size:14px;margin-bottom:20px}
.namadz{height:80px;width:60px;margin-top:5px;border-radius:5px;border:1px solid #307fce;background-color:white;vertical-align:middle;display:inline-block;object-fit:contain;padding:20px
}
.tofoot{text-align:center;padding:8px;font-size:15px;display:block;letter-spacing:3px}
.tofoot a{color:white}

h2{font:13px fontman}
@media(max-width:768px) {
footerd a{width:calc(50% - 23px)}
.tofoot{letter-spacing:normal}
.tofooter{width:100%;}
divh2{display:block;width:auto;}
namad{display:block;width:100%;vertical-align:top;margin:0;text-align:center}
.mobi{margin-top:-32px}
.namadz{margin:20px;}
}


msg{width:220px;height:auto;position:fixed;top:-25%;left:50%;transition:.5s;transform:translate(-50%,-50%);background-color:white;z-index:10000;-webkit-box-shadow:0 0 5px 2px #ccc;outline:1px solid #0a6b8a;padding:10px 15px;}
msgclos{display:block;margin:0 0 0 auto;cursor:pointer;text-align:right;border-bottom:1px solid #0a6b8a;margin:-10px -15px 10px -15px;padding:5px 6px 3px 0;background-color:#e7f8fe}
msgclos:before{content:'ELECTERICI.IR';text-align:left;width:214px;display:inline-block;color:#0a6b8a;letter-spacing:1.5px}
msgtxt{display:block;text-align:justify;margin:10px 0;direction:rtl;}
msgyes{display:table;margin:0 auto 0 0;width:60px;padding:0;outline-width:1px;}


effecttxt{display:flex;position: relative;border:1px solid #ccc;border-bottom:none;}
effects,effectr{display:inline-block;width:50%;padding:5px 10px;cursor:pointer;transition:.5s;background-color:#e9e7e7}
effects:hover,effectr:hover{transition:.5s;background-color:#ddd}
effects{border-left:1px solid #ccc}
khate{position:absolute;background-color:red;height:3px;width:50%;top:31px;left:0%;transition:.5s;background-color:red;left:0%;border-radius:100%}

Weffects,Weffectr{border:1px solid #ccc;padding:0 5px 5px 5px;transition:.5s;}
Weffects{display:none}
Weffectr{display:block;}
Wegifpics{display:block;margin-top:20px}

.eftxts,.gifpics{display:inline-block;width:30px;height:30px;background-color:black;margin:5px;cursor:pointer;transition:.4s;border:1px solid black}

aler{position:fixed;width:100%;height:100%;z-index:100;background-color:rgba(238, 248, 248, .4);
     cursor:no-drop;display:none;top:0;left:0}
tomenu{width:275px;max-width:90%;height:100%;display:block;transform:scaleX(0);transform-origin:right;transition:transform .35s;position:fixed;right:0;top:0;background-color:rgba(238, 248, 248, .9);z-index:1001;border-left:1px solid #787878;overflow-X:hidden;overflow-Y:auto}
tomenu a{display:block;padding:15px 50px 15px 15px;border-bottom:1px solid #787878;
         font:italic 14px fontman;cursor:pointer;transition:.5s;color:black;
         direction:rtl;background-size:30px;background-position:95%;background-repeat:no-repeat;font-size:15px
}
tomenu a:hover{padding-right:60px;color:#0a6b8a;}
tomenu span{width:100%;height:140px;display:block;background-size:contain;background-position:center;
background-image:url(../pic/electerici.ir.png);
}

uset{display:table;margin:20px auto 5px auto;background-color:#0a6b8a;color:white;border:2px solid white;outline:2px solid #0a6b8a;padding:4px 45px 5px 15px;border-radius:3px;cursor:pointer;background-size:30px;background-position:95%;background-repeat:no-repeat;background-image:url(../pic/login.png)}

.picm1{background-image:url(../pic/home.png);}
.picm2{background-image:url(../pic/Laboratoryb.png);}
.picm3{background-image:url(../pic/blog.png);}
divrla,tfilds{display:block;}
helplang{display:block;background-color:#ffdfc8;color:#0a6b8a;text-align:justify;padding:15px;margin:20px 15px 15px 15px;}
helplang a{background-color:transparent;margin:0;display:inline}
helper{display:table;margin:10px auto 0 0;}
anisp{border:1px solid #0a6b8a;display:inline-block;width:30px;height:30px;margin:0 2px 7px 2px;vertical-align:middle;position:relative;transition:.5s;cursor:pointer}
anisp sr,anisp sl,anisp st,anisp sb{position:absolute;background-color:#92c2d1;}
anisp sr{right:0;top:0;width:8px;height:30px;}
anisp sl{left:0;top:0;width:8px;height:30px;}
anisp st{top:0;left:0;width:30px;height:8px;}
anisp sb{bottom:0;left:0;width:30px;height:8px;}
gifSrcl {display: none !important;opacity: 0 !important;position: absolute !important;}