@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; font-family:Arial,"微軟正黑體", "新細明體"; font-size:16px; color:#333; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
*:focus { outline: none;}
::selection{ background-color:#aeeae6; color:#333;}
font{ color:inherit; font:inherit; line-height:inherit;}
a{ text-decoration:none;}
img{ max-width:100%;}

::placeholder { color:#aaa; }
::-webkit-input-placeholder { color:#aaa; }
:-ms-input-placeholder { color:#aaa; }
::-moz-placeholder { color:#aaa; opacity: 1; }

body{ background-color: #fff; }


.wrapper{ max-width:768px; margin:auto; position:relative; height: 100vh; overflow:auto; overflow-x: hidden; max-height: 100%; }
.werpp_pid{ padding:20px; }
.wrapper .wrapper_inner { opacity:0; position: absolute; overflow: auto; left: 0; width: 100%; }

.stepbox{ display:flex; margin-bottom:30px; justify-content: center; align-items:center; }
.stepbox .radius{ width:36px; height:36px; font-weight:bold; color:#262626; text-align:center; line-height:36px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background-color: #eee; border: 2px solid #387f4f; }
.stepbox .radius.hold{ background:#f89e53; color:#fff; border-color:#f89e53 ; }
.stepbox .line{ width:46px; height:2px; background:#ccc; }


.logintxt{ padding:26px 0; text-align:center; }
.logintxt .txts{ font-size:1.25rem; color: #454545; line-height:1.6; }


.kinputs{ display:flex; align-items: center; background-color:#f4f4f4; border-radius:10px; padding:8px 15px; margin-bottom:15px; }
.kinputs .input{ width:100%; height:32px; line-height:32px; font-size:1.25rem; color:#222; background:none; border:none; }

.loginbtn{ display:block; line-height:44px; height:44px; width:100%; border-radius:10px; background:#f89e53; border:none; color:#fff; text-align:center; font-weight:bold; cursor: pointer; margin-bottom:15px; font-size: 1.25rem; }
.loginbtn.wht{ background:#fff; border:1px solid #eca805; color:#eca805; }
.loginbtn.wht span.password_counter{ color:#eca805; }

.loginbtn.gray{ border:1px solid #ccc; background:#fff; color:#999; }
.loginbtn.gray span{ color:#999; }

.complete_icon{ max-width:144px; margin:60px auto 30px auto; }
.complete_txt{ text-align:center; font-weight:bold; font-size:1.25rem; color:#387f4f; margin-bottom:40px; }

/*alert - waiting*/
.waitingblock{ display:none; transition:opacity 0.15s; opacity:0; position:fixed; top:0; left:0; bottom:0; right:0; margin:auto; background:rgba(0,0,0,0.8); align-items: center; justify-content: center; z-index:197; }
.waitingblock.waiting_show{ display:flex; }
.waitingblock .wbgs{ background:#fff; padding:40px; border-radius:5px;  }
.waitingblock .wbgs .wtext{ font-size:1rem; line-height:1.6; }