@charset "utf-8";
/* ----------------------
 * reset
 * ---------------------- */
body,html,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,th,td,form,object,iframe,blockquote,pre,a,abbr,address,code,img,fieldset,form,label,figure{margin:0;padding:0;}
body,html,input,button,textarea{color:#333;font:12px/1.8 Arial,Tahoma,Verdana,Helvetica,sans-serif;}
body,html{height:100%;position:relative;}
body{width:100%;background-color:#eee;}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block;}
h1{font-size:18px;}
h2{font-size:16px;}
h3,h4,h5{font-size:14px;}
img{border:none;vertical-align:middle;}
li{list-style:none;}
i,em{font-style:normal;}
a{color:#333;text-decoration:none;}
a:focus{outline:none;}
a:hover{color:#000;text-decoration:underline;}
input[type="text"]:focus{outline:none;}
input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;}
input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;}
input[type="text"]:focus,textarea:focus,.checkbox:checked,.checkbox:focus,.select-box:focus{outline:none;}
input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:none;-moz-appearance:none;}
input[type="radio"],input[type="checkbox"],select:focus{outline:0;}
hr{height:1px;border:none;border-top:1px dashed #C1C1C1;margin:10px 0;}
*{outline:0;}

/* clear floating */
.login-head:after,.login-cont:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
* html .login-head,* html .login-cont{display:inline-block;}
* +html .login-head,* +html .login-cont{ display:inline-block;}

/* layout */
.login-body{background:no-repeat;background-position:center;background-size:cover;background-attachment:fixed;}
.login-wrapper{width:860px;min-height:480px;background-color:#fff;margin:0 auto;position:absolute;left:50%;margin-left:-480px;top:50%;margin-top:-247px;border-radius:0 2em 0 2em;overflow:hidden;}


.wp-social-login-connect-with{display:none;}
.login-message {padding:10px 0;}

/* ----------------------
 * header
 * ---------------------- */
.login-head{padding:15px 15px 8px;border-bottom:1px solid #ddd;}
.login-head .login-logo{display:inline;float:left;}
.social-login-widget{display:inline;float:right;padding-top:10px;}
.social-login-widget li{float:left;padding:0 0 0 15px;white-space:nowrap;}
.social-login-widget li a{display:inline-block;height:32px;background-image:url(img/social-login-icos.png);}
.social-login-widget li a{*display:inline;}
.social-login-widget li a.login-with-paypal{width:154px;background-position:0 0;}
.social-login-widget li a.login-with-paypal:hover{background-position:0 -33px;}
.social-login-widget li a.login-with-facebook{width:181px;background-position:-154px 0;}
.social-login-widget li a.login-with-facebook:hover{background-position:-154px -33px;}
.social-login-widget li a.login-with-google{width:160px;background-position:-335px 0;}
.social-login-widget li a.login-with-google:hover{background-position:-335px -33px;}

/* ----------------------
 * login-main
 * ---------------------- */
.login-cont{width:100%;position:relative;border-bottom:1px solid #ddd;}
.login-cont:before{content:"";display:block;width:1px;height:100%;background-color:#ddd;position:absolute;left:50%;top:0;}
.login-main{width:36%;padding:25px 7% 0;float:left;min-height:320px;_height:320px;_overflow:visible;}
.txt-tips{padding:1em 0 0;}
.login-title{text-align:center;font-size:24px;padding-bottom:15px;font-weight:normal;}
.login-main .login-item{width: 100%;position: relative;padding-bottom:10px;}
.login-main .login-ipt{display:block;width:80%;height:20px;line-height:20px;padding:8px 0 8px 13%;border:1px solid #ddd;margin:0 auto;}
/*.login-main .login-ipt-user,.login-main .reg-ipt-user{background:url(img/login-icos.png) 5px 6px no-repeat;}
.login-main .login-ipt-pwd,.login-main .reg-ipt-pwd{background:url(img/login-icos.png) 5px -42px no-repeat;}*/
.login-main .auto-login{width:93%;margin:0 auto;position: relative;}
.login-main .auto-login input,.login-main .auto-login label{vertical-align:middle;}
.login-main .auto-login input{margin:0;padding:0;}
.login-main .auto-login label{padding-left:5px;}
.login-main .Validform_checktip{display:block;width:93%;margin:0 auto;_display: none;}
.login-main .Validform_wrong{font-size:12px;font-weight:bold;color:#da3439;_display:block;}
.login-main .ico-user,.login-main .ico-pwd{display: block;width: 35px;height: 35px;position: absolute;left: 3.5%;top: 0; background-image: url(img/login-icos.png); background-repeat: no-repeat;}
.login-main .ico-user{background-position: 5px 5px;}
.login-main .ico-pwd{background-position: 5px -40px;}
/* button */
.login-btn-bar{text-align:center;padding:10px 0;}
.login-btn{border:0;padding:0;background:none;}
.login-btn,.login-btn em,.login-btn span{display:inline-block;cursor:pointer;}
.login-btn,.login-btn em,.login-btn span{display:inlne;}
.login-btn em{border:3px solid #dd0017;padding:1px;}
.login-btn em span{padding:0 40px;line-height:30px;background-color:#dd0017;color:#fff;font-size:20px;white-space: nowrap;}
.login-btn:hover em span{background-color:#fff;color:#dd0017;}
.login-btn-pink em{border-color:#ff0047;}
.login-btn-pink em span{background-color:#ff0047;}
.login-btn-pink:hover em span{ color:#ff0047;}

.login-button{display: inline-block;height: 32px;line-height: 32px;background-color: #dd0017; border: 1px solid #fff; outline: 3px solid #dd0017;color:#fff; font-size: 20px;padding: 0 40px;overflow: hidden;}
.login-button:hover{background-color: transparent; color: #dd0017;}
.login-button-pink{background-color:#ff0047;outline-color: #ff0047;}
.login-button-pink:hover{color: #ff0047;}



/* ----------------------
 * login-side
 * ---------------------- */
.login-side{width:36%;padding:25px 7% 0;float:right;text-align:center;}
.login-side .txt-tips{padding-bottom:0;}
.side-title{padding:65px 0 0;font-size:24px;font-weight:normal;}


/* ----------------------
 * login-footer
 * ---------------------- */
.login-foot{background-color:#f6f6f6;padding:20px 30px;text-align:center;border-top:1px solid #fff;}
.login-foot,.login-foot a{color:#999;}


/* ----------------------
 * regisiter
 * ---------------------- */
.register-wrapper{margin-top:-271px;}
.register-wrapper .login-main{min-height:370px;_height:370px;_overflow:visible;}


/* ==================================
 * for mobile
 * ---------------------------------- */
@media screen and (max-width:640px){
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
body{background:#f6f6f6!important;}
.login-wrapper,.register-wrapper{width:100%;left:auto;top:auto;margin:0;background:none;border-radius:0;}
.login-main,.login-side{width:100%!important;min-height:inherit!important;float:none!important;padding:2em 2em 1em;}
.login-head{width:100%;position:relative;background-color:#fff;border-bottom:1px solid #b2b2b2;height:3.5em;overflow:hidden;line-height:3.5em;text-align:center;margin-bottom:1.25em;padding:0;}
.login-head .login-logo img{display:none;}
.login-head .login-logo a{display:block;width:3.5em;height:3.5em;position:absolute;left:0;top:0;background-image:url(img/app-login-back.png);background-position:center;background-repeat:no-repeat;background-size:auto 1.5em;opacity:0.6;}
.login-head .login-logo a:active{background-color:#eee;}
.login-head:before{content:attr(data-head-title);font-size:1.33em;font-weight:normal;color:#000;text-transform:uppercase;}
.social-login-widget{display:none;}
.login-title{display:none;}
.login-cont{padding-bottom:2em;}
.login-cont:before{display:none;}
.login-main .login-ipt{width:100%;height:auto;background-color:#fff;background-repeat:no-repeat;background-size:auto 1.5em;background-position:0.8em center;padding-left:3.5em;}
.login-main .login-ipt-user,.login-main .reg-ipt-user{background-image:url(img/app-login-user.png);}
.login-main .login-ipt-pwd,.login-main .reg-ipt-pwd{background-image:url(img/app-login-password.png);}
.login-main .Validform_checktip,.login-main .auto-login{width:100%;padding-top:0.2em;}
.login-main .txt-tips a{display: block;}
.login-btn,.login-btn em,.login-btn em span{width:100%;display:block;}
.login-btn em span{padding:0;font-size:18px;}
.login-btn:hover em span{background-color:#dd0017;color:#fff;}
.login-btn-pink:hover em span{background-color:#ff0047;color:#fff;}
.login-side{padding-top:0;}
.login-side .side-title{display:none;}
.login-side .txt-tips{display:none;}
.login-side .login-btn{width: 60%;margin: 0 auto;}
.login-side .login-btn em{border-width:2px;}
.login-side .login-btn em span{background-color:#fff;color:#ff0047;}
.register-wrapper .login-side .login-btn em span{background-color:#fff;color:#dd0017;}
.login-button:hover{background-color:#dd0017;outline-color: #dd0017; color: #fff; }
.login-button-pink:hover{background-color:#ff0047;outline-color: #ff0047; color: #fff;}
.login-main .ico-user,.login-main .ico-pwd{display: none;}
}