@font-face {font-family: B Yekan;src: url("../fonts/BYekan.ttf") format("truetype")        ;}
    @font-face {font-family: Yekan Bakh;src: url("../fonts/YekanBakh.ttf") format("truetype")  ;}
    @font-face {font-family: Tahoma;src: url("../fonts/Tahoma.ttf")  format("truetype")        ;}
    @font-face {font-family: B Leyla;src: url("../fonts/BLeyla.ttf")  format("truetype")       ;}
    @font-face {font-family: B Jadid;src: url("../fonts/BJadid.ttf") format("truetype")        ;}
    @font-face {font-family: B Titr;src: url("../fonts/BTitr.ttf")   format("truetype")        ;}
    @font-face {font-family: B Tabassom;src: url("../fonts/BTabassom.ttf") format("truetype")  ;}
    @font-face {font-family: B Shabnam;src: url("../fonts/Shabnam.ttf") format("truetype")     ;}
    @font-face {font-family: Dastnevis;src: url("../fonts/Dastnevis.ttf") format("truetype")   ;}
    /* body {overflow-x: hidden;background: linear-gradient(to top, #14035e, #14035e);user-select: none;height: 900px;} */
    body {overflow-x: hidden;background: linear-gradient(to top, #000, #000);user-select: none;height: 900px;}
    /*background-image: linear-gradient(to bottom,#fff, #fc9ded, #fff, #fc9ded, #fff, #fc9ded, #fff);background-repeat: no-repeat;*/
    /* body{overflow-x: hidden;background-color: #cbecfc;user-select: none                 ;} */
    ::-webkit-scrollbar {width:7px;background-color:#f0f0f0                                ;}
    ::-webkit-scrollbar-thumb{background-color: #b8b8b8                                    ;}



    .TopPanel{position: absolute;width: 1850px;height: 85px;right: 50%;transform: translateX(Calc(50%));top: 5px;border: 1px solid transparent;border-radius: 0px;}
    .TopPanel .TopPanel_MidPanel{position: absolute;width: 1600px;height: 79px;right: 50%;transform: translateX(Calc(50%));top: 2px;border: 1px solid transparent;border-radius: 0px;}
    .TopPanel .TopPanel_MidPanel img{position: absolute;width: 120px;height: 50px;right: 12px;top: 12px;cursor: pointer;transition: transform 0.5s ease;}  .TopPanel .TopPanel_MidPanel img:hover{transform: scale(1.03);}
    .TopPanel .TopPanel_MidPanel #line{position: absolute;width: 1px;height: 41px;border: 1px solid transparent;border-right-color: #FFA500;top: 19px;right: 150px;}

    .TopPanel .TopPanelSearch{position: absolute;width: 400px;height: 40px;right: 280px;top:22px;border: 1px solid transparent;border-radius: 5px;}
    .TopPanel .TopPanelSearch #TopPanelSearch_Text{position: absolute;width: 275px;height: 33px;right: 2px;top: 2px;padding: 1px;direction: rtl;text-align: center;font-size: 12px;font-family: 'Yekan Bakh';
    border: 1px solid #FFA500;border-radius: 5px;background-color: #000;color: #FFA500;} .TopPanel .TopPanelSearch #TopPanelSearch_Text:focus{outline: none;}
    .TopPanel .TopPanelSearch #TopPanelSearch_Btn{position: absolute;width: 110px;height: 35px;right: 285px;top: 4px;padding: 1px;direction: rtl;text-align: center;font-size: 12px;font-family: 'Yekan Bakh';
    border: 1px solid transparent;border-radius: 5px;background-color: #FFA500;color: #000;cursor: pointer;} 
    .TopPanel .TopPanelSearch #TopPanelSearch_Btn:hover{border: 1px solid #77f777;color: #77f777;background-color: #000;} 
    .TopPanel .TopPanelSearch #TopPanelSearch_Btn:active{border: 1px solid transparent;color: #000;background-color: #FFA500;}









@media screen and (min-width: 0px) and (max-width: 480px) { 
     body{height:80.0vh;}
    .TopPanel{width: 280px;height: 40px;top: 5px;}
    .TopPanel .TopPanel_MidPanel{width: 270px;height: 34px;top: 2px;}
    .TopPanel .TopPanel_MidPanel img{width: 70px;height: 32px;right: 2px;top: 2px;}
    .TopPanel .TopPanel_MidPanel #line{width: 1px;height: 25px;top: 5px;right: 75px;}

    .TopPanel .TopPanelSearch{width: 180px;height: 32px;right: 83px;top: 5px;border-radius: 5px;}
    .TopPanel .TopPanelSearch #TopPanelSearch_Text{width: 120px;height: 25px;right: 2px;top: 2px;font-size: 9px;border-radius: 3px;} 
    .TopPanel .TopPanelSearch #TopPanelSearch_Btn{width: 50px;height: 29px;right: 128px;top: 2px;padding: 1px;font-size: 9px;border-radius: 3px;} 


}





@media screen and (min-width: 481px) and (max-width: 768px) { }





@media screen and (min-width: 769px) and (max-width: 1024px) { 
     body{height:80.0vh;}
    .TopPanel{width: 650px;height: 65px;top: 5px;}
    .TopPanel .TopPanel_MidPanel{width: 620px;height: 59px;top: 2px;}
    .TopPanel .TopPanel_MidPanel img{width: 100px;height: 52px;right: -2px;top: 2px;}
    .TopPanel .TopPanel_MidPanel #line{width: 1px;height: 42px;top: 5px;right: 100px;}

    .TopPanel .TopPanelSearch{width: 370px;height: 40px;right: 120px;top:8px;border-radius: 5px;}
    .TopPanel .TopPanelSearch #TopPanelSearch_Text{width: 275px;height: 33px;right: 2px;top: 2px;font-size: 9px;border-radius: 3px;} 
    .TopPanel .TopPanelSearch #TopPanelSearch_Btn{width: 80px;height: 35px;right: 285px;top: 4px;padding: 1px;font-size: 9px;border-radius: 3px;} 


}




@media screen and (min-width: 1025px) and (max-width: 1280px) { }