#wrapper { background: url() #eeeeee; font-size: 18px 'Helvetica Neue', 'Helvetica', Arial, sans-serif; color: #333; }


h3 , .h3{ font-size: 22px; font-weight: 500; padding: 0; margin: 10px 0; color: inherit;}

.content { padding: 0 20px; }

.bar { padding: 5px 0 20px 0; vertical-align: middle;
transition:color 0.3s;
	-moz-transition:color 0.3s; /* Firefox 4 */
	-webkit-transition:color 0.3s; /* Safari and Chrome */
	-o-transition:color 0.3s; /* Opera */
        margin: 20px auto;
}

.head, .logo, .head, .input-box, .price, .total { display: inline-block; text-align: right; margin: 0 10px; float: left;}
.input-box { text-align: left; padding-left:20px; width: 90px;}
.head { width: 200px; }

.num-type { color:#848484; font-size: 18px; text-align: right; }

.logo { width: ; }

.input-box { }

.price, .total { width: 160px; font-size: 18px; line-height: 1.7em; margin-left:20px;}

.total { width: 180px;font-weight: bold; text-align: center; overflow: visible;}

.tr { text-align: right; }

.tc { text-align: center; }

.tl { text-align: left; }
	
.box { border: 1px solid #fff; border-top: none; margin: 0 auto 30px auto; width: 100%; overflow: visible;}

.box-inner { border: 1px solid #dcdcdc; background: #fff; padding: 0 20px 20px 20px; overflow: visible;}

input { font-size: 18px; padding: 5px; text-align: center; }

input.secret { background:none;border:0; color: inherit; display: inline-block; }

#grand { font-size: 20px; font-weight: bold; text-align: right; margin: 20px 60px 0 0; overflow: visible;}

#wtm.bar:hover { color: #AF75C7; }

#tw.bar:hover { color: #5dbd24; }

#cs.bar:hover { color: #0089f3; }

.clear { clear: both; }