.reset-wrap{float:left;width:100%; margin:0;padding: 100px 0}
.reset-content{width:550px;margin: 0 auto;text-align: center}
.reset-title{width:100%; float:left;margin:0 0 30px 0; }
 .reset-title h1{margin:0 0 10px; line-height:1.5em; font-size:30px; text-align:center}
 .reset-title p{ width:100%;margin:0; line-height:2em;text-align:center}
.reset-row{width:100%;float: left; background-color:#fff;border-radius:10px;box-shadow:0px 1px 5px 3px rgba(200,200,200,0.3),0px 1px 5px 3px rgba(200,200,200,0.3),0px 1px 5px 3px rgba(200,200,200,0.3);}
.reset-box{float:left;width:100%; padding:70px 90px;}
.rRemark{width:100%; float:left; font-size:14px; line-height:1.8em;text-align: center}
.codebox{float:left;width:100%;}
.code-title{float:left; margin:0 5px 0 0; line-height:26px;}
.code-f{float:left; margin:0 10px 0 0;}
.coderow{float:left;width:100px; height:26px; padding:3px; border:1px solid #bebebe;font-size: 15px; color: #111111; box-sizing:border-box;border-radius:3px;}
.codenumber{float:left; height:26px; padding:2px 0 0 0; }
.codenumber i{font-size:22px; color:#1f80c2}
.number-box{float:left; width:100%; margin:0 0 20px 0}
.phone-number{width:100%; height:32px; padding:20px 5px; border:1px solid #bebebe;font-size: 15px; color: #111111; box-sizing:border-box;border-radius:3px;}
/**
.banner-next{float:left;width:100%; text-align:center; margin:25px 0 20px; letter-spacing:3px; font-weight:500;position:relative;}
.banner-next a{width:100%;display:inline-block;height:48px; background-color:#00a0e9;padding:0;color:#fff;text-decoration: none;line-height:48px;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;color:#fff;border-radius:3px;cursor: pointer;}
.banner-next a:hover {background-color:#00a0e9;} 
.banner-next:hover:after{right:10px;color:#fff;}
.banner-next:after{transition:right .2s ease-in-out;content:'\f301'; font-family:'Material-Design-Iconic-Font';position:absolute;padding:0;height:100%;right:25px;font-size:30px; color:#00a0e9;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms; line-height:48px;}
**/
/* 外框共用（保持原本排版） */
.banner-next{
  float:left;
  width:100%;
  text-align:center;
  margin:25px 0 20px;
  letter-spacing:3px;
  font-weight:500;
  position:relative;
}

/* 讓舊的 a 與新的 button 都吃到同一套樣式 */
.banner-next,
.banner-next a{
  display:block;
  width:100%;
  height:48px;
  line-height:48px;
  background-color:#00a0e9;
  color:#fff;
  text-decoration:none;
  border:0;
  border-radius:3px;
  cursor:pointer;
  -webkit-appearance:none;
  appearance:none;
  transition: 500ms;
  -moz-transition: 500ms;
  -webkit-transition: 500ms;
  -o-transition: 500ms;
  padding:0 48px 0 0; /* 右側留空給箭頭 */
}

/* hover（兩種結構都套到） */
.banner-next:hover,
.banner-next a:hover{
  background-color:#00a0e9;
}

/* 箭頭維持在容器上，兩種結構都可用 */
.banner-next:after{
  content:'\f301';
  font-family:'Material-Design-Iconic-Font';
  position:absolute;
  right:25px;
  top:0;
  line-height:48px;
  font-size:30px;
  color:#00a0e9;
  transition:right .2s ease-in-out, color 500ms;
}
.banner-next:hover:after{
  right:10px;
  color:#fff;
}

/* 鎖定/載入 */
.banner-next[disabled],
.banner-next.is-loading{
  opacity:.7;
  pointer-events:none;
}
@media only screen and (max-width: 1280px) {
.reset-wrap{padding: 60px 0}
.reset-box{padding:50px 70px;}
}
@media only screen and (max-width: 767px) {
.reset-content{width:88%;}
.reset-title{margin:0 0 25px}
 .reset-title h1{margin:0 0 5px;font-size:26px;}
.reset-box{padding:30px 20px}
}