@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat/Montserrat-Regular.eot');
    src: url('Montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
         url('Montserrat/Montserrat-Regular.woff2') format('woff2'),
	     url('Montserrat/Montserrat-Regular.ttf') format('truetype'),
         url('Montserrat/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
}

html {font-size: 62.5%; /* 10px browser default */}
input,textarea{-webkit-appearance:none;outline:none;}
input[type="submit"],input[type="reset"],input[type="button"],input{-webkit-appearance:none;outline:none;}
body {background-color: #fff;overflow: hidden;}
body ui .custom_logo  > li {}
body.login .mysp-login-extras .inner .custom_logo{
	list-style-type: none;
    list-style-position: initial;
    list-style-image: initial;
    border: 0;	
	text-align: center;
	display: block;
	padding: 0;
	margin-bottom:50px;
	position: relative;
	z-index: 10;
	vertical-align: middle;
}

body.login label {
    display: block;
}
body.login .button.wp-hide-pw {
    min-width: 50px;
    min-height: 50px;

}

body.login > div {font-size: 1.8rem;}
body.login {
	color: #263238;
	font-family: 'Montserrat', 'Lantinghei SC','Microsoft YaHei','Hiragino Sans GB',STHeiti,Arial,sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 1.625;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.login .login-container {
	background-color: #fff;
	display: table;
	float: right;
	height: calc(100vh);
	width: 70%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition:    all 0.5s ease-in-out;
	-ms-transition:     all 0.5s ease-in-out;
	-o-transition:      all 0.5s ease-in-out;
	transition:         all 0.5s ease-in-out;
}

body.login #login {
	border-radius: 0;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	text-align: center;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	z-index: 10;
}

body.login a {color: #3487ff;font-weight: 400;text-decoration: none;}
body.login a:focus, body.login a:hover {color: #222;box-shadow: none;}
body.login div#login h1 {display: inline-block;	margin-top: -70px;}
body.login div#login h1 a {
	background: none;
	border: none;
	color: #263238;
	display: inline-block;
	font-size: 28px;
	height: auto;
	line-height: 1.25;
	margin: 0;
	padding: 0;
	text-indent: 0;
	width: auto;
}
body #login img {width: 100px;}
body.login form {background: none;border: none;margin: 0;padding: 0;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}
body.login #loginform, body.login #lostpasswordform, body.login #registerform, body.login #resetpassform {margin: 0 auto 20px;max-width: 35%;overflow: auto;	padding: 20px;
}

body.login form input {
-webkit-transition: all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out;
}
.login .password-input-wrapper {width: 100%;}
body.login form .input, body.login input[type="text"] {
	background-color: #fff;
	border: 1px #aaa solid;
	border-radius: 3px;
	color: #263238;
	font-size: 14px;
	font-weight: 400;
	padding: 15px 30px;
	margin: 0 0 20px 0;
	width: 100%;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

body.login form #captcha_code {
	background-color: #fff;
	border: 1px #aaa solid;
    border-top-left-radius: 3px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 3px;
	color: #263238;
	font-size: 14px;
	font-weight: 400;
	padding: 15px 30px;
	margin: 0 0 20px 0;
	width: 63%;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	float: left;
}
.my-email-code {
	background-image: linear-gradient(0deg,#398bff,#3083ff);
	background-color: #3487ff;
    box-shadow: 0 5px 8px 0 rgba(24,95,255,.1);
	border: 1px #3588ff solid;
	color: #ffffff!important;
    border-top-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0;
	font-size: 14px;
	font-weight: 400;
	padding: 14px 25px 13px 25px;
	min-width: 100px;
	margin: 0 0 20px 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	float: right;
}
.my-email-code a:hover {
    color: #ffffff!important;
    box-shadow: none;
}
#reg_passmail{
	text-align: center;
	width: 100%;
	float: left;
	margin: 0 0 20px 0!important;
}


::-moz-placeholder {color: #90A4AE;	opacity: 1;}
::-webkit-input-placeholder {color: #90A4AE;opacity: 1;}
[placeholder]:focus::-webkit-input-placeholder{-webkit-transition:opacity 0.5s ease;-moz-transition:opacity 0.5s ease;transition:opacity 0.5s ease;opacity:0.3}
[placeholder]:focus::-moz-input-placeholder{-webkit-transition:opacity 0.5s ease;-moz-transition:opacity 0.5s ease;transition:opacity 0.5s ease;opacity:0.3}
body.login input[type="password"]:focus,
body.login input[type="email"]:focus,
body.login input[type="text"]:focus,
body.login input[type="verification"]:focus,
body.login form #captcha_code:focus {
	border: 1px solid #3487ff;
	background: #FCFCFC;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
	box-shadow: 0 0 0 0.2rem rgba(3, 102, 214, 0.25);
}
p.comment-form-comment textarea:hover, #commentform input[type=text]:hover, #commentform input[type=email]:hover, p.comment-form-comment textarea:hover, #edd_login_form .edd-input:hover, #edd_register_form .edd-input:hover, #edd_checkout_form_wrap input.edd-input:hover, #edd_checkout_form_wrap textarea.edd-input:hover, #edd_checkout_form_wrap select.edd-select:hover, #edd_profile_editor_form input:not([type="submit"]):hover, #edd_profile_editor_form select:hover, #edd_user_history td:hover, .dasboard-tab, #contact textarea:hover, .wpcf7-form-control-wrap textarea:hover, input[type="text"]:hover, input[type="email"]:hover, input[type="password"]:hover, input[type="verification"]:hover, .solid-input input:hover, .product-search-form input[type="text"]:hover, .product-search-form input[type="search"]:hover {
    border-bottom-color: #3487ff !important;
}

body.login #login form p.forgetmenot {display: none;
    margin: 0 auto 15px;
    text-align: left;
    width: 100%;margin: 0 auto 15px;}
body.login form .forgetmenot label {color: #546E7A;font-size: 14px;font-size: 1.4rem;}
body.login a.button, body.login #wp-submit {
	background-image: linear-gradient(0deg,#398bff,#3083ff);
	background-color: #3487ff;
    box-shadow: 0 5px 8px 0 rgba(24,95,255,.1);
	border: none;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1;
	height: 55px;
	padding: 15px 50px;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
	white-space: normal;
	width: auto;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition:    all 0.2s ease-in-out;
	-ms-transition:     all 0.2s ease-in-out;
	-o-transition:      all 0.2s ease-in-out;
	transition:         all 0.2s ease-in-out;
}

body.login #wp-submit {width: 100%;}
body.login .my-email-code:focus, 
body.login .my-email-code:hover, 
body.login #wp-submit:focus, 
body.login #wp-submit:hover {
    background-color: #3580eb;
    background-image: linear-gradient(0deg,#3580eb,#2c79eb);
	border: 1px #3588ff solid;
	color: #fff;
}

body.login #login_error, body.login .message {
	background: #dc3232;
	border: none;
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: 400;
	border-radius: 3px;
	line-height: 1.4;
	position: relative;
	text-align: center;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 0 auto 10px;
	max-width: 35%;
	overflow: auto;
	padding: 20px 0;
}

body.login .register {display: none;}
body.login .reset-pass {background: #00A86D;}
body.login #login_error a, body.login .message a {border-bottom: 1px solid #fff;color: #fff;}
body.login .description.indicator-hint {clear: both !important;display: block;font-size: 15px;font-size: 1.5rem;font-weight: 300;}
body.login #nav {clear: both;margin: 0;padding: 0;text-align: center;}
body.login .account-trouble {margin-top: 10px;}
body.login #nav a{padding: 0 8px;}
body.login #nav a, body.login .mysp-login-extras a {border-bottom: 1px solid #dbdfe4;color: #546E7A;font-size: 16px;font-size: 1.6rem;text-shadow: none;}
body.login #nav a:focus, body.login #nav a:hover, body.login .mysp-login-extras a:focus, body.login .mysp-login-extras a:hover {color: #222;}

body.login .mysp-login-extras {
/*	background: -moz-linear-gradient(45deg,  rgba(0,82,164,1) 0%, rgba(0,102,204,1) 25%, rgba(102,199,214,1) 100%);
	background: -webkit-linear-gradient(45deg,  rgba(0,82,164,1) 0%,rgba(0,102,204,1) 25%,rgba(102,199,214,1) 100%);
	background: linear-gradient(45deg,  rgba(0,82,164,1) 0%,rgba(0,102,204,1) 25%,rgba(102,199,214,1) 100%); */
    background: #3487ff url(bg_intro.jpg) 0 0;
    background-size: cover;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0052a4', endColorstr='#52b5d5',GradientType=1 );
	color: #fff;
	display: table;
	float: left;
	height: calc(100vh);
	padding: 50px 0;
	position: relative;
	text-align: center;
	width: 30%;
	z-index: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition:    all 0.5s ease-in-out;
	-ms-transition:     all 0.5s ease-in-out;
	-o-transition:      all 0.5s ease-in-out;
	transition:         all 0.5s ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

body.login .mysp-login-extras .inner {display: table-cell;padding: 0 30px;position: relative;z-index: 10;vertical-align: middle;}
body.login .mysp-login-extras svg {height: 30px;margin-bottom: 50px;width: 30px;}
body.login .mysp-login-extras .svg-bg svg {
	opacity: 0.06;left: -200px;top: -200px;position: absolute;width: 1200px;-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);
}
body.login .mysp-login-extras h3 {font-size: 28px;font-weight: 400;line-height: 1.25;margin-bottom: 25px;}
body.login .mysp-login-extras p {margin: 0 auto 25px;max-width: 350px;}
body.login .mysp-login-extras .button {background: none;border: 2px solid #fff;	color: #fff;}
body.login .mysp-login-extras .button:hover {
	background-color: #fff;
	color: #3487ff;
	-webkit-box-shadow: 0px 1px 15px 0px rgba(84,110,122,0.6);
	-moz-box-shadow: 0px 1px 15px 0px rgba(84,110,122,0.6);
	box-shadow: 0px 1px 15px 0px rgba(84,110,122,0.6);
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
}

body.login .mysp-login-extras .account-trouble, body.login label br, body.login #backtoblog {display: none;}
body.login #login form p.pc{font-size: 14px;}		
body.login #login form p.mobile{display: none;font-size: 14px;}	

@media only screen and (min-width: 1400px) {
body.login #login {top: -40px;}
}

/* # Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1600px) {
	body.login #loginform, body.login #lostpasswordform, body.login #registerform, body.login #resetpassform {
		margin: 0 auto 20px;max-width: 40%;overflow: auto;padding: 20px;
	}
	body.login #login_error, body.login .message {max-width: 40%;}
}

@media only screen and (max-width: 1400px) {
	body.login #loginform, body.login #lostpasswordform, body.login #registerform, body.login #resetpassform {
		margin: 0 auto 20px;max-width: 50%;overflow: auto;padding: 20px;
	}
	body.login #login_error, body.login .message {max-width: 80%;}
}

@media only screen and (max-width: 1340px) {}
@media only screen and (max-width: 1200px) {}
@media only screen and (max-width: 1023px) {
	html,
	body {height: auto;overflow: visible;}
	body.login #login,
	body.login .login-container {float: none;height: auto;padding: 50px 0 30px;width: 100%;}
	body.login .mysp-login-extras {float: none;height: auto;width: 100%;}
	body.login .mysp-login-extras svg {display: none;}
	body.login .mysp-login-extras .inner .custom_logo{display: block;}
}

@media only screen and (max-width: 860px) {
	body.login #login,body.login .login-container {padding: 40px 0 20px;}
	body.login #lostpasswordform, body.login #resetpassform {padding-top: 0;}		
	body.login #login_error, body.login .message {margin-bottom: 15px;}
	body.login #login form p.pc{display: none;font-size: 14px;}		
	body.login #login form p.mobile{display: block;	font-size: 14px;}	
	body.login form #captcha_code { width: 48%;}

	
}
@media only screen and (max-width: 480px) {
	body.login #loginform, body.login #lostpasswordform, body.login #registerform, body.login #resetpassform {
		margin: 0 auto 20px;max-width: 80%;	overflow: auto;	padding: 20px;}
	body.login #login_error {max-width: 80%;}
}

@media only screen and (max-width: 390px) {}

.crossfade > figure {
  animation: imageAnimation 30s linear infinite 0s;
  backface-visibility: hidden;
  background-size: cover;
  background-position: center center;
  color: transparent;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
}

.crossfade > figure:nth-child(1) {background-image: url('../img/001.jpg');}
.crossfade > figure:nth-child(2) {animation-delay: 6s;background-image: url('../img/002.jpg');}
.crossfade > figure:nth-child(3) {animation-delay: 12s;background-image: url('../img/003.jpg');}
.crossfade > figure:nth-child(4) {animation-delay: 18s;background-image: url('../img/004.jpg');}
.crossfade > figure:nth-child(5) {animation-delay: 24s;background-image: url('../img/005.jpg');}

@keyframes imageAnimation {
  0% {animation-timing-function: ease-in;opacity: 0; }
  8% {animation-timing-function: ease-out;opacity: 1; }
  17% {opacity: 1 }
  25% {opacity: 0 }
  100% {opacity: 0 }
}

.cover{background: rgba(55, 58, 71, 0.9);width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 101;}
.pop_box{top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #ffffff;border-radius: 3px;background: #FFFFFF;padding: 60px 0;position: absolute;width: 350px!important;z-index: 999;}
.pop_center {text-align: center;}
.pop_center span{text-align: center;font-size: 18px;color: #000;line-height: 30px;}



#slc-captcha-answer {
    display: block;
}

.slc-code-paragraph {
    clear: both;
}

.slc-code-paragraph span {
    font-size: 26px;
    box-sizing: border-box;
    padding: 10px;
    margin: 0 0 20px 0;
	border-radius: 3px;
    background: #FCFCFC;
    text-align: center;
    display: block;
    color: rgba(35, 40, 45, 0.2);
    line-height: 1.3;
	border: 1px solid #aaa;
	background-image: linear-gradient(45deg,#ddd 25%,white 0,white 50%,#ddd 0,#ddd 75%,white 0);
    background-size: 2px 2px;
}