@charset "utf-8";

/* Common */
ul,li{
  list-style: none;
  padding:0;
  margin:0;
}
h1,h2,h3,h4,h5,p{
  margin: 0;
  padding: 0;
}
.opt-tbl { width:100%; border-collapse:collapse; padding:0px; margin:0 0 15px; border:0px; border:1px solid #ddd; border-bottom:0px; background:#fff;}
.opt-tbl th { width:120px; text-align:center; padding:8px 10px; border-bottom:1px solid #ddd; background:#fafafa; white-space:nowrap;}
.opt-tbl td { padding:8px 10px; border-bottom:1px solid #ddd;}
.bsk-tbl th { text-align:center; }
.bsk-tbl .well { margin:6px 0px !important; }
.bsk-tbl .well ul  { padding:0; padding-left:15px; margin:0; }
.bsk-tbl .well li  { font-size:12px; }
.item-img { display:inline-block; position:relative; overflow:hidden; text-align:center; width: 100%; height: 100%;}
.item-type { position:absolute; left:0; bottom:0; background: rgba(0, 0, 0, 0.7); width:100%; color: rgb(255,255,255); padding:3px; font-size:11px; letter-spacing:-1px; }
.addr-line { margin-bottom:7px; }
.radio-line label { margin-right:20px; line-height:24px; cursor:pointer; }
.radio-line label span { vertical-align:middle; }

#sod_frm_escrow { margin:0px; }
#sod_frm_escrow h2 { display:none; }
#sod_frm_escrow img { margin:0 auto 15px }

/* Personal List */
.ppay-container { overflow:hidden; margin-right:-15px; margin-bottom:15px; }
.ppay-box { background:#fff; text-align:center; margin-right:15px; margin-bottom:15px; border: 1px solid rgb(231, 231, 231); transition:0.3s linear; border-image: none; overflow: hidden; position: relative; cursor: default; }
.ppay-box h2 { margin: 0px; padding: 12px 15px 0px; color: rgb(51, 51, 51); font-size: 16px; font-weight: 500; text-align:center; }
.ppay-box p { margin:0px 0px 10px; padding:10px; }
.ppay-box .ppay-fa { padding: 20px 0px 10px; }
.ppay-box .ppay-fa i { color: rgb(97, 97, 97); font-size: 80px; }
/* .at-title { background: url(/img/custom/at-title-ca10.jpg) no-repeat; background-size: cover; background-position: center center; width: 100%; height: 300px; display: table; } */
.item-type{
  display: none;
}

.text-img{
  text-align: center;
  float: left;
  width: 270px;
  padding: 40px;
  height: 100%;
}

.text-text{
  float: left;
width: calc(100% - 270px);
height: 100%;
padding:40px 0px;
padding-right: 40px;
}
.tr-line{
  height: 251px;
}
.name-b{
  font-size: 18px;
  width: 100%;
  display: block;
  padding:10px 0px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}
.price{
  font-size: 22px;
  color: #ff0000;
}

.order-table{
  width: 100%;
  border:1px solid #ddd;
  border-top: 2px solid;
  margin-bottom: 30px;
}
.order-table-title{
  font-size: 18px;
  padding:15px 0px;
}
.order-table th{
  width: 100px;
  padding:25px 15px;
  background: #f2f4f7;
  font-size: 14px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.order-table td{
  width: calc(100% - 100px);
  padding:25px 15px;
  font-size: 14px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
input[type=text],
select{
  height: 35px;
  line-height: 35px;
  border:1px solid #ddd;
  padding-left:15px;
  color: #333;
  text-align: left;
}
.select-wrap{
  width: 90%; overflow:hidden;
}
.select-wrap > select{
  float: left;
  width: 49%;
  margin-right: 1%;
}
input[type=radio]{
  margin-right: 3px;
}
textarea{
  min-height: 200px;
width: 100%;
}
.radio-text01,
.radio-text02{
  margin-right: 20px;
}
.btn_confirm > input{
  background: #9d0029 !important;
}

button.view{
  cursor: pointer;
    padding: 0px 5px;
    margin-left: 5px;
    border: 2px solid #aaa;
    background: #f5f5f5;
}
.hidden-wrap{
  display: inline-block;
}
.hidden01,
.hidden02{
  width: 170px;
  margin-right: 10px;
}
.radio-wrap01,
.radio-wrap02{
  display: inline-block;
  float: left;
  width: 50%;
} 

@media all and (max-width: 991px){
  .select-wrap{
  width: 60%; overflow:hidden;
}
.select-wrap > select{
  float: left;
  width: 100%;
  margin-bottom: 1%;
}
.order-table td > input[type=text]{
  width: 90%;
}
.order-table td > input[type=text].hidden01,
.order-table td > select.hidden02{
  width: 170px;
  margin-right: 10px;
}

.text-img{
  text-align: center;
  float: none;
  padding: 5px;
  width: 100%;
  /*height: 100%;*/
}

.text-text{
  float: none;
  width: 100%;
  /*height: 100%;*/
  padding:5px;
  /*padding-right: 40px;*/
}
.tr-line{
  height: 100%;
  font-size: 13px;
}
.name-b{
  font-size: 18px;
  width: 100%;
  display: block;
  padding:10px 0px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}
}
@media all and (max-width: 830px){
.radio-wrap01,
.radio-wrap02{
  display: block;
  float: left;
  width: 100%;
} 
}
@media all and (max-width: 768px){
  .select-wrap{
  width: 100%; overflow:hidden;
}
.select-wrap > select{
  float: left;
  width: 100%;
  margin-bottom: 1%;
}
.order-table td > input[type=text],
.order-table td > select{
  width: 100%;
}
}
@media all and (max-width: 680px){
  .hidden-wrap{
  display:block;
  overflow: hidden;
  margin-top: 10px;
}
.hidden01,
.hidden02{
  width: 49%;
  margin-right: 1%;
  float: left;
}
.order-table th{
  width: 50px;
}
.order-table td{
  width: calc(100% - 50px);
}
}