@charset "UTF-8";
/* CSS Document */

body {font: 12px "微軟正黑體", Arial, Helvetica, sans-serif;color: #227BBB;}
h1, h2, h3 {text-shadow: none;}
.pay_nextday p {font-size: inherit;line-height: inherit;color: inherit;}
.wrapper {width: 1000px;margin: 0 auto;}
.header {height: 550px;padding-top: 10px;background: url(../images/pay_nextday/nextdaypay_bg.png) repeat;}
.header_title {float: left; width: 474px;}
.header_img {float: right;width: 526px;height: 420px;background: url(../images/pay_nextday/nextdaypay_pic.png) no-repeat;}
.header h1 {width: 474px;height: 320px;margin-top: 40px;text-indent: -9000px;background: url(../images/pay_nextday/nextdaypay_title.png) no-repeat;}
.header_title .detail {display: block;margin: 10px 0 0 5px; font-size: 14px;}
.header .ps {width: 1000px;padding: 3px;margin: 30px auto;color: #333;font-size: 15px;}
.nav {
  position: absolute;
  top: 565px;
  width: 100%;
  height: 90px;
  text-align: center;
  background: rgb(0,160,233); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(0,160,233,1) 0%, rgba(0,104,183,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,160,233,1)), color-stop(100%,rgba(0,104,183,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(0,160,233,1) 0%,rgba(0,104,183,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(0,160,233,1) 0%,rgba(0,104,183,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(0,160,233,1) 0%,rgba(0,104,183,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(0,160,233,1) 0%,rgba(0,104,183,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00A0E9', endColorstr='#0068B7',GradientType=0 ); /* IE6-9 */
  background-size: auto 200%;
  transition: background-position 0.5s;
}
.nav ul {display: inline-block;width: 1000px;}
.nav li {
  float: left;
  width: 333px;
  height: 90px;
  text-indent: -9000px;
  background: rgb(0,160,233); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(0,160,233,1) 0%, rgba(0,104,183,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,160,233,1)), color-stop(100%,rgba(0,104,183,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(0,160,233,1) 0%,rgba(0,104,183,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(0,160,233,1) 0%,rgba(0,104,183,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(0,160,233,1) 0%,rgba(0,104,183,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(0,160,233,1) 0%,rgba(0,104,183,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00A0E9', endColorstr='#0068B7',GradientType=0 ); /* IE6-9 */
  background-size: auto 200%;
  transition: background-position 0.5s;
}
.nav li a {display: block;width: 333px;height: 90px;background: url(../images/pay_nextday/nextdaypay_navBtn.png) no-repeat;}
.nav li:hover {background-position: 0 100%;}
.nav li.nav_btn_01 a {background-position: 0 0;}
.nav li.nav_btn_02 a {background-position: -333px 0;}
.nav li.nav_btn_03 a {background-position: -667px 0;}

.box1 {padding: 40px 0;margin: 50px auto;}
.box2 {padding: 40px 0;margin-bottom: 90px;}
.box_title {width: 900px;margin: 0 auto;text-align: center;}
.box_title h2 {width: 900px;height: 90px;text-indent: -9000px;background: url(../images/pay_nextday/nextdaypay_step.png) no-repeat;}
.box1 .box_title h2 {background-position: 0 0;}
.box2 .box_title h2 {background-position: 0 -90px;}
.box_content {margin-top: 45px; text-align:center;}
.box_content .payStep {width: 900px;height: 171px;background: url(../images/pay_nextday/nextdaypay_payStep.png) no-repeat; margin:0 auto;}
.box_content .payStep ol, .box_content .drawStep ol {clear: both;}
.box_content .payStep li, .box_content .drawStep li {display: block;float: left;width: 75px;height: 75px; border: 1px solid #cdd1d3; border-radius: 50%; background-color:#FFF; margin: 90px 0 0 220px; text-align:center;}
.box_content .payStep li:hover, .box_content .drawStep li:hover { background-color:#227BBB;border: 1px solid #227BBB;}
.box_content .payStep li a, .box_content .drawStep li a {color: #227BBB;display: table-cell;width: 75px;height: 75px;padding-top: 25px; font-size:15px;}
.box_content .payStep li a:hover, .box_content .drawStep li a:hover {color: #fff;text-decoration: none;}
.box_content .drawStep {width: 900px;height: 171px;background: url(../images/pay_nextday/nextdaypay_drawStep.png) no-repeat; margin:0 auto;}
.box_content a {width: 30%; margin: 70px auto 0 auto;}

.line {width: 980px;height: 1px;margin: 0 auto;background: url(../images/pay_nextday/line.png) no-repeat;}
.gblHeader {font-size: 12px;}
.footer    {font-size: 12px;}