.login-wrap{float:left;width:100%; margin:0;padding: 100px 0}
.login-content{width:550px;margin: 0 auto;text-align: center}
.login-title{width:100%; float:left;margin:0 0 30px 0; }
 .login-title h1{margin:0 0 10px; line-height:1.5em; font-size:30px; text-align:center}
 .login-title p{ width:100%;margin:0; line-height:2em;text-align:center}
.login-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);}
.login-box{float:left;width:100%; padding:70px 90px;}
.rRemark{float:left; font-size:13px; line-height:1.8em;}
.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}
.password{float:left; width:100%; margin:0 0 20px 0}
.information{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;
}

.forget-password{float:left;width:100%; text-align: center; font-size:15px;margin-bottom: 20px}
.btn{padding:0;font-size:1em;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease;padding-bottom:6px;margin-right:0;font-size:15px; color:#a30035;border-radius:0}
.btn i{display:inline-block;-webkit-transition:-webkit-transform 0.3s cubic-bezier(.22,.665,.34,.875);transition:-webkit-transform 0.3s cubic-bezier(.22,.665,.34,.875);transition:transform 0.3s cubic-bezier(.22,.665,.34,.875);transition:transform 0.3s cubic-bezier(.22,.665,.34,.875),-webkit-transform 0.3s cubic-bezier(.22,.665,.34,.875);margin:0 0 0 5px;}
.btn:hover i{-webkit-transform:translateX(4px);transform:translateX(4px)}
.btn-underlined{border:none;background-color:transparent!important;position:relative}
.btn-underlined:before,.btn-underlined:after{content:'';display:inline-block;width:100%;height:1px;position:absolute;bottom:0;left:0;border-bottom:1px solid #a30035;opacity:.25}
.btn-underlined:after{opacity:1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right center;transform-origin:right center;-webkit-transition:-webkit-transform 0.4s cubic-bezier(.4,0,.2,1);transition:-webkit-transform 0.4s cubic-bezier(.4,0,.2,1);transition:transform 0.4s cubic-bezier(.4,0,.2,1);transition:transform 0.4s cubic-bezier(.4,0,.2,1),-webkit-transform 0.4s cubic-bezier(.4,0,.2,1)}
.btn-underlined span{padding:.4em 0}
.btn-underlined:focus,.btn-underlined:hover{background-color:transparent;color:#a30035;-webkit-transform:none;transform:none;-webkit-box-shadow:none;box-shadow:none}
.btn-underlined:focus:after,.btn-underlined:hover:after{-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:scaleX(1);transform:scaleX(1)}
@media only screen and (max-width: 1280px) {
.login-wrap{padding: 60px 0}
.login-box{padding:50px 70px;}
}
@media only screen and (max-width: 767px) {
.login-content{width:88%;}
.login-title{margin:0 0 25px}
 .login-title h1{margin:0 0 5px;font-size:26px;}
.login-box{padding:30px 20px}
}