* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html, body {
	margin:0px;
	padding:0px;
	font-size: 14px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	border-style:none;
	min-height: 100%;
}
#smd_code{width:200px;height:90px;font-size:60px;padding-bottom:5px;text-align:center;background:url(../img/SMD-bg.png) no-repeat;color:#ffffdd; border-radius: 10px;}
#calcValue {font-size: 20px;color: #ff0000;    font-weight: 800;}
input{border-style:none;}
.math1 { }
.math2 {
    margin-top: 20px;
    font-size: 22px;
    color: #fff;
    background: #2f7a43;
    padding: 9px;
    line-height: 1.3em;
    border: 2px #fff solid;
}
.math3 {
    font-size: 19px;
    text-align: center;
    color: #fff;
    display: block;
    margin: 16px;
}
. 
.tr {height: 50px;}
.tr2 {height: 120px;}
  
.calc {
    padding: 15px 25px 15px 25px;
    margin: auto;
    max-width: 500px;
}
@media all and (max-width: 320px) {
	 .calc {
    padding: 15px 0px 15px 0px;
     
}
}