@font-face {
    font-family: 'B Yekan';
    src: url('../Font/Sans a4fran3.TTF') format('truetype');
}
body {
    background-image: url(../Images/bg.jpg);
    background-repeat: repeat;
    padding: 0;
    margin: 0;
}

.ImageIcon {
    opacity: 0.6;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

    .ImageIcon:hover {
        opacity: 1;
        cursor: pointer;
        -webkit-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }

.BYekanFont {
    font-family: "B Yekan";
    font-size: 12px;
    line-height:27px;
    color: #066c72;
    direction: rtl;
    text-decoration: none;

}

.TopDiv {
    min-height: 30px;
    height: auto;
}

.MainDiv {
    border: solid 3px #dcdcdc;
    background-color: white;
    min-height: 700px;
    height: auto;
}

.Box {
    border: solid 3px white;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

    .Box:hover {
        padding: 0;
        -webkit-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
        border: solid 3px #587da0;
        cursor: pointer;
    }

.ImgBox {
    background-color: white;
    min-height: 170px;
    height: auto;
    padding: 10px;
    -webkit-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

    .ImgBox:hover {
        -webkit-box-shadow: 0px 0px 8px 0px rgba(119,139,252,1);
        -moz-box-shadow: 0px 0px 8px 0px rgba(119,139,252,1);
        box-shadow: 0px 0px 8px 0px rgba(119,139,252,1);
        -webkit-transition: all 0.6s linear;
        -ms-transition: all 0.6s linear;
        -o-transition: all 0.6s linear;
        transition: all 0.6s linear;
        cursor: pointer;
    }

    .ImgBox img {
        -webkit-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
        filter: sepia(0%);
    }

        .ImgBox img:hover {
            -webkit-transition: all 0.3s linear;
            -ms-transition: all 0.3s linear;
            -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
            filter: sepia(80%);
            /*filter: grayscale(80%);*/
        }

.ViewTextBox {
    border: solid 1px #dcdcdc;
}

    .ViewTextBox:focus {
        border: solid 1px rgba(119,139,252,1);
    }