@charset "utf-8";
.page-title-wrapper { width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom:20px; position:relative;}
.page-title + .btn {padding:0 10px; position:absolute; left:130px; top:-1px;
/*圓角*/
border-radius:20px;
/*基礎動畫*/
transition:background .5s;}
.page-title + .btn:link,
.page-title + .btn:visited{  background:#333; color:white; border:1px solid #333;}
.page-title + .btn:hover,
.page-title + .btn:active{  background:rgb(25,120,240); color:white; border:1px solid rgb(25,120,240);}
.page-title + .btn:focus{ background:rgba(255,240,0,1); color:blue; border:2px dashed blue;}

.member-login-wrapper .form-box + div { width:100%; display:flex; gap:10px; margin-bottom:10px; justify-content:center; flex-wrap:wrap;}
.member-login-wrapper .form-box + div a { display:inline-block; width:280px; max-width:100%; height:auto; overflow:hidden; padding:10px; border:1px solid #333; text-align:center; line-height:1; text-decoration:none;
/*圓角*/
border-radius:30px;
/*基礎動畫*/
transition:color .5s, background .5s;}
.member-login-wrapper .form-box + div a:hover,
.member-login-wrapper .form-box + div a:active{ background:rgb(25,120,240); color:white; border:1px solid rgb(25,120,240);}
.member-login-wrapper .form-box + div a:focus{ color:blue; background:rgba(255,240,0,1); border:2.5px dashed blue;}
.member-login-wrapper .form-box + div + div { width:100%; display:flex; gap:10px; margin-bottom:20px; justify-content:center; flex-wrap:wrap; font-size:0.8em;}
.member-login-wrapper .form-box + div + div a { text-decoration:none;}