@charset "UTF-8";

/* radio button */
[type="radio"] {
  vertical-align: middle;
  /*appearance: none;*/
}
.radio-group {
  width: 100% !important;
  box-sizing: border-box;
  padding: 0.2em 0.3em;
  margin: 0 0 20px;
  background-color: #faede5;
  border: 1px solid #ddd;
}
.radio-group label {
  font-size: .92em;
  line-height: 2rem;
  padding: 0.2em 0.3em;
}
.radio-group span {
  padding-left: 0.1em;
  color:#333;
  vertical-align: middle;
}


 /* Page Title */
 body {background-color:#f9f9f9;}
 #main {font-weight:400; color:#666; width:100%; float:left;background: linear-gradient(to bottom, #fff, #ececec);  }

 .line {width:100%; height:1px; background-color:#ddd; float:left; margin:10px 0;}


 #main .wrap {width:71%; float:left; margin-left:4%;}
 #main  h3 {width:100%; float:left;  font-weight:600; color:#333; font-size:22px; }
 #main  h2 {width:100%; float:left; background:url('/common/img/common/h2_line.png') no-repeat center;  font-weight:600; color:#333; font-size:28px; }
 #main  h2 span {background-color:#f1f1f1; padding:0 20px;}
 #main  h2 b {color:#0d99fc; font-size:37px; font-weight:700;}
 #main  h3  a {float:right; font-size:15px; width:100px; text-align:center; display:inline-block; line-height:30px; font-weight:400; margin-left:10px; }

 #main   h2 p.t { font-size:16px; line-height:1.3em; font-weight:300; }


 #main table th {text-align:left;font-weight:500; color:#333; font-size:16px;}
 #main table td{ font-weight:300; color:#666; font-size:16px;}
 #main table td input {border:1px solid #ddd; height:37px; padding:0 10px; box-sizing:border-box; width:100%; font-size:16px; color:#666}
 select {font-size:16px; color:#666; border:1px solid #ddd; height:32px;}
 #main span.no {width:31px; line-height:31px !important; border-radius:50%; background-color:#0d99fc; color:#fff; text-align:center; font-size:15px; font-weight:500;  margin-right:5px; display:inline-block; margin-top:0px; }

 #main  span.check {vertical-align:middle; width:30px; height:30px; display:inline-block; background-color:#fff; border:2px solid #ddd; color:#fff; box-sizing:border-box;  }
 #main  .check_ov span.check { vertical-align:middle; width:30px; height:30px; display:inline-block;  box-sizing:border-box; background:url('/common/img/common/check_ov.png') no-repeat center; border:2px solid #0d99fc; color:#fff;  }




 #main .box1 {width:48%; box-shadow:2px 2px 3px #ddd; border-radius:5px; float:left; margin-top:15px; background-color:#fff; box-sizing:border-box; padding:20px; }
  #main  .box1 h3 { height:35px;  line-height:30px; }
 #main .box1  table {width:100%; float:left; margin-top:10px; }
 #main .box1 th {padding-bottom:10px;}
 #main .box1 td {padding-bottom:10px;}
 #main .box1 td .adress_box {width:100%; float:left; border:1px solid #ddd; border-bottom:none; box-sizing:border-box;}
 #main .box1 td .adress_box  input {border:1px solid #fff;}
 #main .box1 td .adress_box  img {float:right; margin-right:5px; margin-top:3px;}

.box1_change {width:100%; float:left; text-align:center;; margin-top:-130px;}


/**/

 #main .box2 {width:100%; float:left;  box-shadow:2px 2px 3px #ddd; border-radius:5px; margin-top:15px; background-color:#fff; box-sizing:border-box; padding:30px;  }
 #main  .box2  ul.tab {width:100%; float:left; box-sizing:border-box; }
 #main .box2 ul.tab li {width:25%; text-align:center;  float:left; background-color:#fff; border:1px solid #ddd; box-sizing:border-box;line-height:1em; color:#333; border-right:none;}
   #main .box2 ul.tab li:last-child {border-right:1px solid #ddd;}
   #main .box2 ul.tab li a {width:100%; display:inline-block;  padding:18px 0 20px 0; }
  #main .box2 ul.tab li span {color:#0b93e2; font-weight:600; font-size:20px; color:#333;}
 #main .box2 ul.tab li.ov {background-color:#0b93e2; color:#fff; border:1px solid #0b93e2; border-bottom:none; position:relative;  }
 #main .box2 ul.tab li.ov a {color:#fff !important;}
 #main .box2 ul.tab li.ov span {color:#fff}

 #main .box2 .check_wrap {width:60%; border:2px solid #ddd;  float:left; line-height:30px; margin:10px 0 20px 0; padding:13px 40px; box-sizing:border-box;margin-left:20%; border-radius:50px;}
 #main .box2 .check_wrap input {  border:1px solid #ddd; height:35px; padding-left:10px; font-size:17px; color:#555; letter-spacing:0px !important;  }


 #main .box2 .in_box {width:100%; float:left;  background-color:#fff; box-sizing:border-box; padding:35px 35px; border:4px solid #0b93e2; margin-top:-4px; }
 #main .box2 .in_box  .img_info {width:30%; float:left; margin-top:2px;}
 #main .box2 .in_box  .img_info  p {width:100%;   float:left;}
 #main  .box2  .in_box h3  {height:38px;  }

 #main .box2 .in_box div {width:65%; float:right;}
 #main .box2 .in_box .info1 {width:100%;  background-color:#f3faff; padding:15px 10px; margin-top:0; font-size:1em; box-sizing:border-box;}
 #main .box2 .in_box div li {border:1px solid #ddd; text-align:Center;  box-sizing:border-box; margin-left:-1px;  line-height:1.3em;  padding:10px; background-color:#fff; height:95px;}
 #main .box2 .in_box div li  select {margin-top:5px; margin-left:5px; font-size:13px; height:30px;}
 #main .box2 .in_box div.in_box1 li {width:20%; float:left;}
 
#main .box2 .in_box .damas_check {width:33.333333%; float:left; margin-bottom:10px; border:2px solid #f1f1f1; box-sizing:border-box; padding:20px; margin-left:-2px; font-size:15px; font-weight:300; color:#666; line-height:1.3em;  height:160px;}
#main .box2 .in_box .damas_check  p {width:90%; float:right;}
#main .box2 .in_box .damas_check  p  b {font-size:20px; font-weight:600; color:#333;  width:100%; float:left; margin-bottom:5px;}


#main .box2  .info {width:100%; font-size:15px; float:left; margin-top:10px;}

 #main .box2 .memo { width:100%; float:left; color:#333; font-size:16px; font-weight:500; line-height:45px; padding-left:10px; box-sizing:border-box; margin-top:18px;}
 #main .box2 .memo input {border:1px solid #ddd; height:45px; padding:0 10px; box-sizing:border-box; width:157%;  float:right; font-size:16px; color:#666; background: #f5f6f7;}

/**/


 #main .right_fixed {width:20%; max-width:300px; position:fixed; right:4%;  top:15%; }
 #main .right_fixed  .bg_wrap {background-color:#fff;    box-shadow:2px 2px 3px #ddd; border-radius:5px; float:left;  padding:10px; margin-top:10px; box-sizing:border-box; width:100%; float:left;}
 
 #main .right_fixed ul {width:100%; float:left; margin-bottom:10px;}
 #main .right_fixed ul li {width:100%; float:left; border-bottom:1px dashed #ddd;  font-size:16px; line-height:1.3em;}
 #main .right_fixed ul li span {font-size:16px; font-weight:500; color:#333; padding:7px 10px; background-color:#fff; margin-top:0; display:inline-block; vertical-align:middle;}
 #main .right_fixed ul li  p {width:75%; float:right; padding:7px 0; color:#0d99fc}

  #main .right_fixed ul.tab {margin-top:10px; margin-bottom:0}
  #main .right_fixed ul.tab li {width:20%; float:left; background-color:#f9f9f9; text-align:center; border:0; box-sizing:border-box; font-size:15px; }
   #main .right_fixed ul.tab li  a {width:100%; display:inline-block; padding:5px 0; } 
   #main .right_fixed ul.tab li.ov {border:1px solid #0b93e2; color:#0b93e2; background-color:#fff;}
   #main .right_fixed ul.tab li.ov  a {color:#0b93e2 !important; }
   #main .right_fixed .all_pay {width:100%; float:left;  padding-top:10px;}
 #main .right_fixed .all_pay b {font-size:22px; font-weight:500; color:#0d99fc;}
 #main .right_fixed .all_pay span {float:right;}
 #main .right_fixed a.btn {width:100%; display:inline-block; background-color:#0d99fc; color:#fff; text-align:center; line-height:45px; margin-top:10px; margin-bottom:5px; font-size:20px; font-weight:500; }

 #main .right_fixed .pay_info {width:100%; box-sizing:border-box; margin-top:10px; border:2px solid #ddd; float:left;  padding:10px; font-size:17px; font-weight:500; color:#333; }
 #main .right_fixed .pay_info span.t1 {font-size:14px; font-weight:300; color:#666; width:100%; float:left; margin:3px;}
 #main .right_fixed .pay_info span.t2 {font-size:16px; font-weight:400; color:red}


 @media all and (max-width:1300px){
  #main .box2 .check_wrap {width:100%; margin-left:0}
 #main .wrap {width:74%;  margin-left:2%;}
 #main .right_fixed { right:2%;   }

  }


 #intro .wrap {width:100%; float:left; padding-top:3%;}
 #intro .wrap .box1 {width:600px; margin:0 auto}
 #intro .wrap .box1 .bg {margin-top:20px; margin-bottom:25px; width:100%; box-shadow:2px 2px 3px #ddd; border-radius:5px; float:left;  background-color:#fff; box-sizing:border-box; padding:40px; }

  #intro  h2 {width:100%; float:left;   font-weight:600; color:#333; font-size:25px;  }
  #intro  h2 span { }
     #intro  h2 b {  letter-spacing:-1.5px !important;  padding:0px 30px; border-radius:40px; color:#0d99fc; font-size:39px; font-weight:700; }
  #intro  p.t {width:100%; float:left;  font-weight:500; color:#333; font-size:23px; margin-top:5px; }

#intro .box  {width:100%; float:left; border:1px solid #ddd; margin-top:-1px; box-sizing:border-box;}

 #intro  input { width:90%; height:50px; border:1px solid #fff; font-size:16px; color:#666; padding:0 10px;   box-sizing:border-box;}
#intro .box   img {float:right; margin-top:11px;}

#intro ul.pay_list  {width:100%; float:left; margin-top:15px; margin-bottom:10px;}
#intro ul.pay_list  li{width:100%; float:left; font-size:16px; color:#666; padding-bottom:5px; }
#intro ul.pay_list  li span {float:right; }
#intro ul.pay_list  li  b { color:#333;}
#intro ul.pay_list  li.text2 { font-size:18px; font-weight:500; color:#333; width:100%; float:left; background-color:#f3faff; box-sizing:border-box; padding:10px;  margin-bottom:5px;}
#intro ul.pay_list  li.tel input {border:1px solid #ddd; width:100%;}
#intro ul.pay_list  li.tel {margin-top:10px;}
#intro ul.pay_list  li.border{font-size:20px; font-weight:500;background-color:#f3faff; width:100%; float:left; box-sizing:border-box; padding:8px; margin-top:10px;} 
 #intro .wrap .box1 a.btn {width:100%; float:left; background-color:#0d99fc; color:#fff; text-align:center; font-size:17px; font-weight:500; line-height:45px; margin-top:3px;}