/*
Plugin: ID: FY_Login
Author: FengYan
Author URI: http://www.fengyan.cc/
*/
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{background:url(images/body-login.jpg);-webkit-background-size:cover}
a{text-decoration:none}
a:hover{text-decoration:none}
input[type=text],input[type=password]{border:0}
.loginsvg path{stroke:rgba(255,255,255,.9);fill:none;stroke-width:1}
.login{width:420px;height:auto;background:rgba(255,255,255,.3);-ms-transform:scale(1);transform:scale(1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#owl-login,#register #owl-login{width:211px;height:108px;background-image:url(images/owl-login.png);position:absolute;top:-100px;left:50%;margin-left:-111px}
#owl-login .hand,#register #owl-login .hand{width:34px;height:34px;-webkit-border-radius:40px;border-radius:40px;background-color:#472d20;-webkit-transform:scaleY(.6);-moz-transform:scaleY(.6);-o-transform:scaleY(.6);-ms-transform:scaleY(.6);transform:scaleY(.6);-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;-o-transition:.3s ease-out;-ms-transition:.3s ease-out;transition:.3s ease-out;position:absolute;left:14px;bottom:-8px}
#owl-login .hand.hand-r,#register #owl-login .hand.hand-r{left:170px}
#owl-login .hand,#register #owl-login .hand{width:34px;height:34px;-webkit-border-radius:40px;border-radius:40px;background-color:#472d20;-webkit-transform:scaleY(.6);-moz-transform:scaleY(.6);-o-transform:scaleY(.6);-ms-transform:scaleY(.6);transform:scaleY(.6);-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;-o-transition:.3s ease-out;-ms-transition:.3s ease-out;transition:.3s ease-out;position:absolute;left:14px;bottom:-8px}
#owl-login .arms,#register #owl-login .arms{top:58px;position:absolute;width:100%;height:41px;overflow:hidden}
#owl-login .arms .arm,#register #owl-login .arms .arm{width:40px;height:65px;position:absolute;left:20px;top:40px;background-image:url(images/owl-login-arm.png);-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;-o-transition:.3s ease-out;-ms-transition:.3s ease-out;transition:.3s ease-out;-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-o-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg)}
#owl-login .arms .arm.arm-r,#register #owl-login .arms .arm.arm-r{-webkit-transform:rotate(20deg) scaleX(-1);-moz-transform:rotate(20deg) scaleX(-1);-o-transform:rotate(20deg) scaleX(-1);-ms-transform:rotate(20deg) scaleX(-1);transform:rotate(20deg) scaleX(-1);left:158px}
#owl-login .arms .arm,#register #owl-login .arms .arm{width:40px;height:65px;position:absolute;left:20px;top:40px;background-image:url(images/owl-login-arm.png);-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;-o-transition:.3s ease-out;-ms-transition:.3s ease-out;transition:.3s ease-out;-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-o-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg)}
#owl-login.password .hand,#register #owl-login.password .hand{-webkit-transform:translateX(42px) translateY(-15px) scale(.7);-moz-transform:translateX(42px) translateY(-15px) scale(.7);-o-transform:translateX(42px) translateY(-15px) scale(.7);-ms-transform:translateX(42px) translateY(-15px) scale(.7);transform:translateX(42px) translateY(-15px) scale(.7)}
#owl-login.password .hand.hand-r,#register #owl-login.password .hand.hand-r{-webkit-transform:translateX(-42px) translateY(-15px) scale(.7);-moz-transform:translateX(-42px) translateY(-15px) scale(.7);-o-transform:translateX(-42px) translateY(-15px) scale(.7);-ms-transform:translateX(-42px) translateY(-15px) scale(.7);transform:translateX(-42px) translateY(-15px) scale(.7)}
#owl-login.password .arms .arm,#register #owl-login.password .arms .arm{-webkit-transform:translateY(-40px) translateX(40px);-moz-transform:translateY(-40px) translateX(40px);-o-transform:translateY(-40px) translateX(40px);-ms-transform:translateY(-40px) translateX(40px);transform:translateY(-40px) translateX(40px)}
#owl-login.password .arms .arm.arm-r,#register #owl-login.password .arms .arm.arm-r{-webkit-transform:translateY(-40px) translateX(-40px) scaleX(-1);-moz-transform:translateY(-40px) translateX(-40px) scaleX(-1);-o-transform:translateY(-40px) translateX(-40px) scaleX(-1);-ms-transform:translateY(-40px) translateX(-40px) scaleX(-1);transform:translateY(-40px) translateX(-40px) scaleX(-1)}
#register .loginform .pad,.loginform .pad{overflow:hidden;padding:30px 30px 0 30px}
#register .loginform .controls,.loginform .controls{position:relative;margin-bottom:20px}
.loginform label{position:absolute;top:12px;left:13px;font-size:16px;text-align:left;color:rgba(0,0,0,.3)}
.loginform input{padding:9px 6px 9px 40px!important;height:auto!important}
#register .loginform input,.loginform input{color:#444}
.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.428571429;color:#555;vertical-align:middle;background-color:rgba(255,255,255,.7);border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.loginform .checkbox-controls{text-align:center;margin-top:20px;margin-bottom:20px}
.loginform .label-checkbox{position:static}
input[type=checkbox]{background-color:rgba(255,255,255,.7);color:#555;clear:none;cursor:pointer;display:inline-block;line-height:0;height:16px!important;margin-top:-6px!important;outline:0;padding:7px 0 0 0!important;text-align:center;vertical-align:middle;width:16px;min-width:16px;-webkit-appearance:none;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);-webkit-transition:.05s border-color ease-in-out;transition:.05s border-color ease-in-out}
input[type=checkbox]:focus{border-color:#FC705E;-webkit-box-shadow:0 0 2px rgba(252,112,94,.8);box-shadow:0 0 2px rgba(252,112,94,.8)}
input[type=checkbox]:checked:before{content:"\f00c";font-family:FontAwesome!important;margin:0;color:#FC705E}
.loginform input.button{width:100%;background-color:#FF6B57;color:#FFF;letter-spacing:.2px;opacity:.93;display:inline-block;padding:9px 12px!important;margin-bottom:0;font-size:14px;font-weight:400;font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;line-height:1.42857143;text-align:center;border:1px solid transparent;border-radius:4px;cursor:pointer;text-decoration:none;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out}
.loginform input.button:hover{opacity:1;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}
.powered{text-align:center;margin-top:25px;font-size:14px}
.powered a{text-align:center;margin-top:25px;font-size:14px;color:#FF6B57}
#password,#phone{float:none;width:100%;line-height:inherit;font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;outline:0}
.button,input{float:none}
input[type=checkbox]{margin:0;padding:0}
label{line-height:inherit;float:none;vertical-align:text-bottom;padding:0}
.login input[type=text],.login input[type=password]{float:none;width:100%;height:2.4em;padding:.1em 5px;line-height:20px}
