body{
margin: 0;
}
.body_tbl h1{
display: block;
font-weight: 500;
font-size: 2.5rem;
line-height: 1.2;
letter-spacing: 0.05em;
text-align: center;
}
.body_tbl .header_text{
padding: 10px 0;
margin: 0;
font-size: 1rem;
line-height: 1.8rem;
}
.body_tbl{
background-color: #FFFFFF;
padding: 30px;
text-align: center;
}
.body_tbl .smp_tmpl{
margin: 30px 0;
border-top: 1px solid #CCCCCC;
text-align: left;
}
.body_tbl dl.cf{
display: table;
width: 100%;
border-bottom: 1px solid #CCCCCC;
margin: 0;
padding: 0;
}
.body_tbl dt.title{
display: table-cell;
width: 20%;
background-color: #f6f6f6;
margin: 0;
padding: 30px 15px;
vertical-align: middle;
text-align: left;
font-size: 0.9rem;
}
.body_tbl dd.data {
display: table-cell;
width: 80%;
margin: 0;
padding: 30px 15px;
}
.body_tbl .sample{
display: inline-block;
font-size: 0.8rem;
padding: 10px 0 0 0;
line-height: 1.5em;
}
.body_tbl .need{
color: #e60012;
font-weight: 600;
font-size: 0.7rem;
}
input[type="submit"]{
display: inline-block;
cursor: pointer;
width: 30%;
height: 80px;
font-size: 1.25rem;
-webkit-transition: color 0.3s, background-color 0.3s;
transition: color 0.3s, background-color 0.3s;
}
input[name="submit"]{
color: #fff;
background-color: #e60012;
border: 1px solid #e60012;
}
input[name="submit"]:hover{
color: #e60012;
background-color: #fff;
}
input[name="SMPFORM_BACK"]{
color: #fff;
background-color: #342927;
border: 1px solid #342927;
}
input[name="SMPFORM_BACK"]:hover{
color: #342927;
background-color: #fff;
}
input[type="text"]{
font-size: 0.9rem;
line-height: calc(22 / 14);
max-width: 520px;
width: calc(100% - 20px);
padding: 9px 15px;
background: #ffffff;
border: 1px solid #c3cbcd;
border-radius: 3px;
}
textarea{
font-size: 0.9rem;
line-height: calc(22 / 14);
max-width: 520px;
width: 100%;
padding: 9px 15px;
background: #ffffff;
border: 1px solid #c3cbcd;
border-radius: 3px;
}
select{
font-size: .875rem;
line-height: calc(22 / 14);
max-width: 520px;
width: 100%;
padding: 9px 15px;
background: #ffffff;
border: 1px solid #c3cbcd;
border-radius: 3px;
}
ul.cf{
display: table;
list-style: none;
margin: 0;
padding: 0;
}
ul.cf li{
display: table-cell;
padding: 0 10px 0 0;
}
label:hover{
cursor: pointer;
}
.num01,
.num02,
.num03{
display: table-cell;
width: 100px;
}
.num01 input[type="text"],
.num02 input[type="text"],
.num03 input[type="text"]{
width: 70px;
}
.body_tbl .msg{
color: #e60012;
font-size: 0.8rem;
}
input.error{
background-color: #ffebeb;
border: 1px solid #ea6e6e;
}
.spiralSeal{
margin: 50px AUTO;
width: 80%;
}