.regis a { cursor: pointer; }
.regis a:hover { text-decoration: underline; }
.regis a { color: #FFFFFF; font-size: 14px; display: inline-block; margin: 0; height: auto; line-height: 26px; padding: 0 20px; }
.regis a.my-profile i { width: 25px; margin-right: 10px; height: 25px; display: inline-block; }
.regis a.my-profile i img { width: 100%; vertical-align: top; border-radius: 50%; }

.member-login, .member-login * {padding: 0;margin: 0;}

.member-login{width: 340px;box-sizing: border-box;background: #FFFFFF;position: absolute;right: 0;top: 60px;box-shadow: 0 3px 5px rgba(0,0,0,0.1),0 0px 5px rgba(0,0,0,0.1);padding: 20px 30px;    font-family: 'kittithada_roman';box-sizing: border-box;}
.member-login ul{list-style: none;width: 100%;}
.member-login ul li.login-head{color: #9e9e9e;font-size: 26px;padding: 0;padding-bottom: 10px;}
.member-login li{list-style: none;padding: 5px 0;}
.member-login li.login-head i img{width: 18px;margin-right: 8px;}
.member-login li input[type=text],.member-login li input[type=email],.member-login li input[type=password]{width: 100%;border: 1px solid #d9d9d9;height: 38px;box-sizing: border-box;padding:0 10px;font-family: CS ChatThaiUI;font-size: 16px;}
.member-login li input::placeholder {color: #bdbdbd;font-size: 14px;}
.member-login li input:focus{outline: none;}
.member-login li a.btn{color: #fff;width: 140px;text-align: center;line-height: 36px;font-size: 26px;text-decoration: none;border-radius: 2px;box-shadow: 0 1px 1px rgba(0,0,0,0.2); cursor: pointer;}
.member-login li a.regis-link{font-size: 18px;color:#3c96ce;text-decoration: none; cursor: pointer;}
.member-login li a.forgot{font-size: 18px;color:#c51420;text-decoration: none; cursor: pointer;}
.member-login li a.fb{background: url(https://my.kapook.com/review/svg/facebook.svg) #3d5a98 10px center no-repeat; width: 100%!important;display: block;line-height: 46px;background-size:24px;}
.member-login li a.green{float: right;background-color: #25b572;}
.member-login li p.float_l{float: left; display: inline;}
.member-login li.hr{clear: left;text-align: center;color: #9e9e9e;font-size: 20px;padding: 16px 0;position: relative;z-index: 0;}
.member-login li.hr:before{content: '';position: absolute;display: block;height: 1px;width: 100%;top:50%;background-color: #dadada;z-index: -2;}
.member-login li.hr:after{content: '';position: absolute;display: block;height: 20px;width: 200px;top: 18px;left: 50%;background-color: #fff;transform: translateX(-50%);z-index: -1;}
.member-login.tools ul{overflow: hidden;}
.member-login.tools .profile-head{overflow: hidden;padding-bottom: 20px;}
.member-login.tools .profile-head p{width: 80px;height: 80px;display: block;float: left;margin-right: 16px; text-align: center;}
.member-login.tools .profile-head p img{width: 100%;border-radius:100%;}
.member-login.tools .profile-head .left-side a{color: #00abf0;font-size: 18px;text-decoration: none;}
.member-login.tools .name{color: #25b572;display: block;font-size: 26px;}
.member-login.tools .email{font-size: 18px;display: block;color: #9e9e9e;}
.member-login.tools .profile-head .left-side{width: 80px;box-sizing: border-box;display: inline-block;float: left;text-align: center;}
.member-login.tools .profile-head .right-side{box-sizing: border-box;width:calc(100% - 80px);float: left;display: inline-block;padding-left: 20px;}
.member-login.tools .profile-head  a.green{float: none;display: inline-block;margin-top: 10px;}
.member-login.tools li.bg {background: url(//my.kapook.com/signin_2017/images/li-bg.png) top center no-repeat;height: 10px;}
.member-login.tools a.link {color: #9e9e9e;font-size: 22px;}
.member-login.tools a.link:hover {color: #00abf0;}
.member-login.tools a.link i img {width: 18px;margin-right: 8px;vertical-align: middle;}

.WaitToLoad:before{ content:""; display:block; min-width:24px; min-height:24px; width:100%; height:100%; background:rgba(255,255,255,0.95); position:absolute; top:0; left:0; z-index:99; animation:wtl_ani 0.3s  ease-in-out forwards; opacity:0;}
.WaitToLoad:after{ content:url(//my.kapook.com/signin_2017/images/load-fb.svg) !important; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:999; width:18%; height: auto; border-radius:50%; opacity:0; 
animation:wtl_ani_delay 0.3s ease-in-out forwards;}
@keyframes wtl_ani{0%{ transform: scale(0); opacity:0;} 100%{ transform: scale(1); opacity:1;}}
@keyframes wtl_ani_delay{50%{  opacity:0;} 100%{opacity:1;} }