@charset "utf-8";
div.ad-type019-form,div.vi-type019-form {
  position:relative
}
div.form-box {
  width:100%;
  border-collapse:collapse
}
div.form-box .form-item-box {
  width:100%;
  word-break:break-all
}
div.form-box dl {
  display:table;
  width:100%
}
div.form-box:not(.survey-form) dd,
div.form-box:not(.survey-form) dt {
  display:table-cell;
  border:1px solid #fff;
  padding:12px 10px;
  vertical-align:middle;
  color:#555
}
div.form-box.survey-form dd,
div.form-box.survey-form dt {
  display:block;
  border:1px solid #fff;
  color:#555
}
div.form-box.survey-form dt {
  padding:12px 10px 0 10px
}
div.form-box.survey-form dd {
  padding:3px 10px 12px 10px
}
div.form-box.survey-form dl .cell1 {
  width:100%!important;
  background:0 0!important
}
.pc-one-column div.form-box dd,
.pc-one-column div.form-box dt {
  padding:12px 15px
}
div.form-box dl .cell1 {
  width:200px;
  min-width:200px;
  font-weight:700;
  background:#ddd;
  border-right:2px solid #fff
}
.pc-one-column div.form-box dl .cell1 {
  width:250px
}
.width-under-500 div.form-box dl .cell1 {
  width:30%;
  min-width:30%
}
div.form-box dl .cell1 .form-rule {
  font-size:88%;
  color:#666;
  font-weight:400
}
div.form-box:not(.survey-form) dl .cell2 {
  width:auto;
  color:#888;
  background:#eee
}
div.form-box.survery-form dl .cell2 {
  background:0 0
}
div.form-box dl .cell2 .form-item {
  color:#333
}
div.form-box dl .cell2 input[type=text],
div.form-box dl .cell2 select {
  border:1px solid #ccc
}
div.form-box dl .cell2 select {
  max-width:200px
}
div.form-box dl .cell2 input[type=email],
div.form-box dl .cell2 input[type=tel],
div.form-box dl .cell2 input[type=text],
div.form-box dl .cell2 input[type=url] {
  margin-right:10px
}
div.form-box dl .cell2 input.unit_position1,
div.form-box dl .cell2 select.unit_position1,
div.form-box dl .form-item span.form-unit {
  margin-right:5px
}
div.form-box dl .cell2 input.unit_position1+span.form-unit,
div.form-box dl .cell2 select.unit_position1+span.form-unit {
  margin-right:10px
}
div.form-box dl .cell2 input[type=text].email2:first-child {
  margin-bottom:5px
}
div.form-box dl .cell2 input[type=checkbox] {
  margin-right:10px;
  margin-left:20px
}
div.form-box dl .cell2 input[type=checkbox]:first-child {
  margin-right:10px;
  margin-left:0
}
div.form-box dl .cell2 input[type=radio] {
  margin-right:10px;
  margin-left:20px
}
div.form-box dl .cell2 input[type=radio]:first-child {
  margin-right:10px;
  margin-left:0
}
div.form-box dl .cell2 .radio-list label:last-child {
  margin-right:0
}
div.form-box dl .cell2 select.datetime {
  margin-right:5px;
  margin-left:20px
}
div.form-box dl .cell2 select.Y {
  margin-left:0
}
div.form-box dl .cell2 select.H {
  margin-left:0
}
div.form-box dl .cell2 label {
  margin-right:20px
}
div.form-box.webac dl .cell2 label {
  margin-right:0
}
div.form-box dl .label-cell {
  width:100%;
  border:0
}
.width-under-500 div.form-box dl .cell2 input[type=email],
.width-under-500 div.form-box dl .cell2 input[type=file],
.width-under-500 div.form-box dl .cell2 input[type=password],
.width-under-500 div.form-box dl .cell2 input[type=text],
.width-under-500 div.form-box dl .cell2 textarea {
  width:100%
}
div.img-auth-box img {
  float:left;
  margin:0 10px 0 0
}
div.img-auth-box a {
  float:left;
  font-size:86%;
  line-height:50px
}
div.img-auth-box a:active,
div.img-auth-box a:hover,
div.img-auth-box a:link,
div.img-auth-box a:visited {
  text-decoration:underline
}
div.form-box dl .cell2 input[type=text].required-item,
div.form-box dl .cell2 textarea.required-item {
  background-color:#efdede
}
div.form-box dl .cell2 input[type=radio].required-item {
  border:1px solid #a24e4e
}
div.form-box dl .cell2 select.required-item {
  border:1px solid #a24e4e
}
div.form-box dl .cell2 .validate-tip {
  color:red;
  font-size:86%;
  background:#fff;
  margin-top:2px;
  margin-bottom:5px;
  display:inline-block
}
div.form-box dl .cell2 input[type=text]+.validate-tip {
  display:block
}
.form-cmp-msg,
.form-err-msg {
  display:table;
  width:100%;
  margin:0 0 10px 0
}
.form-err-msg {
  color:#f44;
  border:1px solid #f44
}
.form-cmp-msg {
  color:#69b200;
  border:1px solid #69b200
}
.form-cmp-msg li,
.form-err-msg li {
  display:table-row
}
.form-cmp-msg li p,
.form-err-msg li p {
  display:table-cell;
  width:auto;
  padding:0 5px
}
span.a-valid-msg {
  display:inline-block;
  padding:2px 5px;
  line-height:1.4;
  position:absolute;
  background:#fff;
  border:1px solid #aaa;
  border-color:rgba(170,170,170,.5);
  font-size:12px;
  color:red;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  z-index:5
}
span.a-valid-msg:after,
span.a-valid-msg:before {
  bottom:100%;
  left:50%;
  border:solid transparent;
  content:" ";
  height:0;
  width:0;
  position:absolute;
  pointer-events:none
}
span.a-valid-msg:after {
  content:"";
  border:4px solid transparent;
  border-bottom:6px solid #fff;
  position:absolute;
  margin-left:-3px;
  top:-9px
}
span.a-valid-msg:before {
  content:"";
  border:4px solid transparent;
  border-bottom:6px solid #aaa;
  position:absolute;
  margin-left:-3px;
  top:-10px
}
.valid-error input,
.valid-error select,
.valid-error textarea {
  background-color:#efdede
}
.valid-item-msg {
  line-height:1.5;
  color:#f44;
  font-weight:700;
  padding-bottom:5px
}
#bg .form-err-msg.webac-msg:focus {
  outline:0
}
.webac .form-err-msg {
  color:#b20000;
  border:1px solid #b20000
}
.webac .valid-item-msg {
  line-height:1.5;
  color:#b20000;
  font-weight:700;
  padding-bottom:5px
}
.webac span.a-valid-msg {
  display:inline-block;
  padding:2px 5px;
  line-height:1.4;
  position:absolute;
  background:#fff;
  border:1px solid #aaa;
  border-color:rgba(170,170,170,.5);
  font-size:12px;
  color:#b20000;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  z-index:5
}
#item-box .table-form-box,
div.form-box .table-form-box {
  border:dashed 1px gray;
  margin:5px 0;
  padding:5px;
  clear:both
}
div.form-box .table-form-item-box.table-form-item-box {
  position:relative;
  margin-top:10px
}
.form-item-box.table-form-item-box:not([data-step=confirm]) .form-table-del-btn-wrap {
  display:none;
  height:100%;
  position:absolute;
  z-index:999;
  left:calc(100% - 5px);
  top:5px
}
a.form-table-del-btn {
  padding:7px 15px;
  border-radius:10px
}
a.form-table-del-btn {
  background-color:#ccc
}
div.form-table-add-btn-wrap {
  text-align:center;
  margin:15px 0 10px 0
}
a.form-table-add-btn {
  padding:8px 30px;
  border-radius:5px;
  background-color:#ccc;
  text-decoration:none!important
}
.form-item-box.table-form-item-box[data-step=confirm] div.form-table-add-btn-wrap {
  display:none
}
.table_banner {
  width:100%;
  background:#919191;
  height:40px;
  padding:0 20px
}
.table_banner p {
  font-size:14px;
  margin:0;
  line-height:40px;
  font-weight:700
}
.table_banner p span {
  margin-left:5px
}
div.form-box.survey-form .table-form-box .table-form-item-box.add-table-form-box,
div.form-box.survey-form .table-form-box .table-form-item-box[data-step=confirm] {
  border-top:dashed 1px gray
}
div.form-box dl .cell2 .form-item a.lookup-btn,
div.form-box dl .cell2 .form-item a.lookup-reset-btn {
  padding:5px 20px;
  text-decoration:none!important;
  color:#fff!important;
  background:#919191;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px
}
div.form-box dl .cell2 .form-item a.lookup-reset-btn {
  cursor:pointer
}
div.form-box dl .cell2 .form-item div.lookup-btn-wrap,
div.form-box dl .cell2 .form-item div.lookup-reset-btn-wrap {
  display:inline-block;
  margin-left:10px
}
div.form-box dl .cell2 .form-item .lookup-copy-field:disabled,
div.form-box dl .cell2 .form-item .lookup-key-field:disabled {
  cursor:default
}
input[type=text].dateTimepicker {
  width:150px!important
}
input[type=text].datepicker,
input[type=text].timepicker {
  width:100px!important
}
input[type=text].dateTimepicker~a.ad-picker-btn,
input[type=text].datepicker~a.ad-picker-btn,
input[type=text].timepicker~a.ad-picker-btn {
  width:32px;
  height:30px;
  line-height:30px;
  text-align:center;
  color:#333;
  display:inline-block;
  border:solid 1px #999;
  margin:0 5px;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  background:#f9fafc;
  background:-moz-linear-gradient(top,#f9fafc 0,#e8e9eb 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f9fafc),color-stop(100%,#e8e9eb));
  background:-webkit-linear-gradient(top,#f9fafc 0,#e8e9eb 100%);
  background:-o-linear-gradient(top,#f9fafc 0,#e8e9eb 100%);
  background:-ms-linear-gradient(top,#f9fafc 0,#e8e9eb 100%);
  background:linear-gradient(to bottom,#f9fafc 0,#e8e9eb 100%)
}
form.type019-form .remaining-box {
  margin-bottom:5px
}
.check-list label,
.radio-list label {
  display:inline
}