/*登入內容*/
#loginmain{position: relative;width: 100%;padding:65px 0;}
.loginwrap{position: relative;margin:0 auto;width: 80%;background: #ffffff;border: 1px solid #e3e3e3;padding:50px 80px 65px 80px;margin-top: 60px;}
.loginwrap ul li{font-size: 16px;color: #727272;margin-top: 15px;}
.loginwrap ul li input{width: 350px;height: 30px;margin-left: 15px;border: none;background: #eeeeee; text-align:center;}
.loginwrap .remembermecheck{float:right;}
.loginwrap .remembermecheck input{width: 20px;height: 20px;}
.loginbtn{display: block;width: 350px;margin-top: 40px;margin-left: 50px;font-size: 16px;color: #ffffff;padding: 10px 0px;text-align: center;;background:#006F8A;border-bottom: 3px solid #01363F;font-weight: bold;}
.loginbtn:hover{background: #01363F;color: #ffffff;}
.forgetpassword{font-size: 14px;color: #727272;line-height: 20px;float: right;margin-top: 10px;}
.forgetpassword:hover{color: #bbbbbb;}


.color-pick{
    width:3vw;
    height:3vw;
    background-color:red;
    border-radius:50%;
    cursor:pointer;
    border: 1px solid darkgray;
}
.color-pick-selected{
    /* outline: 3px rgba(0, 111, 138, 0.5) solid; */
    box-shadow: 0 0 0 5px rgba(0, 111, 138, 0.5);
}

.avator-preview{
    width:100%;
}