@charset "utf-8";

body {
    font-family: Arial ,sans-serif;
    color: #331515;
    overflow-x: hidden;
    font-size: 12px;
}
ul, ol {
    list-style: none;
}
li {
    list-style: none;
}
.empty,.nonempty { border: 1px solid #bdbdbd;}
.mask { display: none; position: fixed; z-index: 999; width: 100%;  height: 100%; left: 0; top: 0; background-color: #000; -moz-opacity: 0.6; opacity: .60; filter: alpha(opacity=60);}
.fl { float: left }
.calculator-brief { padding:10px 0 0 20px; box-sizing: border-box; height: 60px }
.calculator-brief p { color: #331515; line-height: 20px }
.calculator-brief p span { font-weight: bold }
.calculator-brief p sub {
    line-height: 12px;
    font-size:10px;
    -webkit-transform: scale(0.9);
}
.mt-molarity { margin-top: 10px }

.calculator-bg  { 
    background-color: #fbfbfb
}
.calculator-form { overflow: hidden; margin-top: 20px; margin-bottom: 30px; font-size: 14px }
.h-cal-form { height: 104px }

.calculator-form table {
    margin: 10px 20px 20px 20px;
}

.calculator-form table th {
    line-height: 24px;
    color: #331515;
    font-size: 14px;
}

.calculator-form table td {
    padding: 5px 0 8px 0;
}

.calculator-form table th span, .calculator-form table td span {
    color: #666;
    line-height: 24px;
    font-weight: normal;
    font-size: 20px;
}

.calculator-form sub {
    line-height: 12px;
    font-size:12px;
    -webkit-transform: scale(1);
    -o-transform: scale(1);
}

.calculator-form input {
    box-sizing: border-box;
    display: inline-block;
    height: 26px;
    border-radius: 3px;
}
.calculator-form input[type='text'] { width: 81px; padding: 0 5px }
.calculator-form select { width: 54px; height: 26px;padding: 0 3px }
/*.calculator-form select { border: 1px solid #bdbdbd }*/

.calculator-btn { margin-left: 70px }
.calculator-form input[type='button'],
.calculator-form input[type='reset'] {
    width: 156px;
    height: 36px;
    border: 0;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    background-color: #0188e4;
    cursor: pointer;
}
#errorInfo, #errorInfoM {
    height: 20px; margin-top: -16px; padding:0 0 10px 20px;  color: #ee3134
}
.mask-bg {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
}
.mask-bg>.mask-container {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1001;
}
.mask-closed {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1002;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}
.mask-closed>i {
    margin-top: 5px;
}

@media (max-width:1300px) {
	.calculator-bg{
		width: 100%;
		overflow-x: auto;
	}
	.h-cal-form,.calculator-brief{
		height: auto;
	}
	.calculator-btn{
		margin-left: 0;
	}
}


