.site4cal_m_Container{width:100%; margin: 0 auto 20px; overflow: hidden;}
.site4cal_m_Container h2{font-size: 20px !important; border-bottom: 1px solid #0e4325;}
.site4ShapeArea{width:100%; margin: 0 auto; overflow: hidden;}
.site4Shapes{float:left; width:23%;margin: 0 15px 0 0; cursor: pointer;}
.site4Shapes img {width:100%;height:100%; cursor: pointer;}
.site4Shapes:hover{background:#0e4325;}
.calContainer{display:none;border-top:1px solid #; margin: 20px 0 0 0;float:left;overflow: hidden;}
.sqcolsConL{width:75%;float:left; font-size:16px;margin-bottom: 20px;}
.lFcon{width:100%;float:left;}
.sqcols1{width:50%; float: left; margin: 20px 10px 10px 0;}
.sqcols2{width:20%; float: left; margin: 20px 10px 10px 0;}
.sqcols2 input{width:100% !important;}
.sqcols3{width:20%; float: left; margin: 20px 0px 10px 0;}
.calContainer table tr td span{color:#000;display: block;float: left; margin: 0 5px 0 5px;}
.calContainer table tr td input{float: left; margin: 2px 0 0 0;}
.sqcolsConR{width:25%;float:right}
.displayResult_material{border:2px solid #0e4325; padding: 10px;background: #ffffdf;font-size:18px; -webkit-border-radius: 6;
-moz-border-radius: 6;
border-radius: 6px;
text-align: center;color:#000;
}
p.res{color:#0e4325; font-size: 20px;}
.site4CalButton_mt {
border:0;
-webkit-border-radius: 6;
-moz-border-radius: 6;
border-radius: 6px;
font-family: Arial;
color: #ffffff;
font-size: 23px;
background: #0e4325;
padding: 10px 20px 10px 20px;
text-decoration: none;
cursor: pointer; float: left;
}
@media only screen and (max-width:1024px) {
.site4Shapes{float:left; width:20%;margin: 0 15px 0 0; cursor: pointer;}
.sqcolsConL{float:none; margin: 0 auto;width:96%;}
.sqcolsConR{display:none;}
.sqcols1,.sqcols2,.sqcols3{width:100%; float: none; margin: 10px auto;}
.displayResult_material{margin-top:20px;}
}