@charset "UTF-8";

/* Page Title */



html  { width:100%; height:100%; padding:0px; margin:0px; }

 header {width:100%; float:left; background-color:#fff;   box-shadow:0px 2px 3px #ddd; box-sizing:border-box;   margin-bottom:10px; }
 header ul {width:100%; float:left; border-bottom:1px solid #ddd; }
 header ul li {width:33.33333%; float:left; border-right:1px solid #ddd; font-size:0.9em; line-height:35px; text-align:center; box-sizing:border-box;}
 header ul li a {width:100%; display:inline-block; }
  header ul li:last-child {border-right:none;}
 
 header .color_bar {background-color:#0d99fc; box-sizing:border-box; width:100%; float:left; text-align:right; color:#fff; padding:10px 3%; font-size:0.95em;}
header .color_bar b {font-size:18px; font-weight:600; color:#fff;}
header .color_bar a {color:#fff !important}





.footer        {width:100%; background-color:#fff; border-top:1px solid #ddd; float:left;    margin-top:50px; padding:20px 0% 0 0%; position:relative;}
 .footer   img   {float:left; }
 .footer  a {color:#777 !important;}
 .footer   .copy     {font-size:0.90em; font-weight:500; color:#777; line-height:1.4em;   width:90%; float:left; text-align:left; margin-left:3%; margin-top:10px;}
  .footer   .copy b {font-weight:600; color:#333;}
 .footer   .copy2     {font-size:0.90em; font-weight:500; color:#777; line-height:1.3em;   width:100%; background-color:#f9f9f9; float:left; text-align:left; padding:10px 3%; box-sizing:border-box;  margin-top:20px; text-align:center;}
 .footer   .copy2   span    {color:#999; font-weight:300;  font-size:0.9em; line-height:2em; letter-spacing:0.2px !important;  }


.footer .footer_call  img {width:60px; height:60px;  position:absolute; bottom:80px; right:15px;  border-radius:50%;   color:#fff; } 



 #intro  {width:100%; float:left; box-sizing:border-box; padding:10% 6% 0 6%;  }
  #intro  .box1 {width:100%;  }
 #intro  .box1 .bg {margin-top:20px; margin-bottom:25px; width:100%;  float:left;  background-color:#fff; box-sizing:border-box;   }

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

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

 #intro  input { width:83%; height:50px; border:1px solid #fff; font-size:1em; 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:1em; 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:1.1em; font-weight:600; color:#333; width:100%; float:left; background-color:#f3faff; box-sizing:border-box;padding:13px 8px;  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:1.1em; font-weight:600;background-color:#f3faff; width:100%; float:left; box-sizing:border-box; padding:13px 8px; margin-top:10px;} 
 #intro .box1 a.link {width:100%; float:left; background-color:#0d99fc; color:#fff; text-align:center; font-size:17px; font-weight:500; line-height:45px; margin-top:3px;}