@charset "UTF-8";
@font-face
{font-family: myfont;
src: url('font/myfont.ttf');}

#loader
{
    right: 0;
    position: fixed;
    width: 100%;height: 770px;
    background: #fff;
    background-image: url('load.gif');
    background-position: center top 240px;
    background-repeat: no-repeat;
    z-index: 9999;
}

*
{
    font-family: myfont;
}
h1.ui-accordion-header {
font-size : 10px;
padding-right: 20px;
}

div.ui-accordion-content {
height:165px; 
}

#accordion
{
  width: 360px;
}
#container
{
    margin: 0 auto;
    border: 0px solid #000;
    width: 640px;z-index: 1;
}
.head
{
    background: #ccc;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    font-size: 12px;
    width: 150px;
}

#res
{
    font-size: 13px;
}
#op1{
  font-size:12px;
}
#op1 td
{
    text-align: center;
}
input[type="text"]
{
  width: 80px;
  height:15px; 
}
.res
{
  width: 80px;
  height:15px;
  background:#ededed;
  border: 1px solid #ededed;
  padding-bottom: 7px;
}
.sres
{
  width: 80px;
  height:15px;
  background:#ededed;
  border: 1px solid #ededed;
  padding-bottom: 7px;

}

#m
{
    display: none;
}
#res td{
    width: 140px;
}
#mobile
{
  display: none;
}
.btn
{
  border: 1px solid #aaa;  
}
.btn:active
{
   box-shadow: #aaa 5px 5px 8px;
}
 @media screen and (max-width: 480px){
#m{
    display:block;
}
                #screen,#calc
                {
                 display:none;
                }
                #mobile
                {
                 display: block;
                }
                hr{width: 350px;margin-right: 5px;}
             }