@charset "utf-8";
/* ================================ */
/* 商城注册登录页面相关样式定义 		*/
/* ================================ */

label.error { color: #F30;}

.quick-login { background: #FFF; overflow: hidden; width: 278px; padding: 0 40px; }
.quick-login dl { width: 100%; margin: 0 auto; overflow: hidden;}
.quick-login dl dt { line-height: 20px; height:20px; margin: 8px 0 2px 0; text-shadow: 1px 1px 0 #FFF;}
.quick-login dl dd span { line-height: 28px; color: #999; margin-left:8px;}
.quick-login .text{ font-family: Tahoma; width: 250px; height: 24px; line-height: 24px; background-color:#FFF; padding: 1px 2px 3px 4px !important; padding: 3px 2px 1px 4px; border: solid 1px; border-color: #CCC #DDD #DDD #CCC; border-radius: 0; box-shadow: 2px 2px 1px 0 #E7E7E7 inset; -moz-box-shadow: 2px 2px 1px 0 #E7E7E7 inset/* if FF*/; -webkit--box-shadow: 2px 2px 1px 0 #E7E7E7 inset/* if Webkie*/;}
.quick-login .text:focus{ background-color:#FFF; border-color: #CCC; box-shadow: 1px 1px 1px 0 #E7E7E7; -moz-box-shadow: 1px 1px 1px 0 #E7E7E7/* if FF*/; -webkit--box-shadow: 1px 1px 1px 0 #E7E7E7/* if Webkie*/;}

.quick-login ul { width: 100%; display:block; clear:both; margin: 20px auto 10px auto; padding-bottom:10px; overflow: hidden; border-bottom: solid 1px #E7E7E7;}
.quick-login ul li {line-height: 20px; color:#999;}
.quick-login ul li a { text-decoration:underline; font-weight:600; margin:0 2px;}
.quick-login ul li a.forget {  color: #FF7F00;}
.quick-login ul li a.register { color: #006DD9;}
.quick-login .enter { width: 100%; margin: 10px auto 20px auto; overflow: hidden;}
.quick-login .enter .submit { color:#FFF; font-weight:600; background: url(../images/login.png) no-repeat scroll 0px 0px;  width: 88px; height: 28px; padding: 0; margin: 0; border: 0; cursor:pointer; text-shadow: 1px 1px 0 #DB7800;}
.quick-login .enter .submit:hover { background: url(../images/login.png) no-repeat scroll 0px -28px; }
.quick-login .enter span {  border-left: dotted 1px #ccc; padding-left:6px; margin: 0 0 0 6px; line-height:28px;}
.quick-login .enter span a { background-image: url(../images/login.png); background-repeat: no-repeat; background-attachment: scroll; height: 28px; display: inline-block;}
.quick-login .enter span a.qq { background-position: -88px 0px; width: 78px;}
.quick-login .enter span a:hover.qq {background-position: -88px -28px; text-decoration:none;}
.quick-login .enter span a.sina { background-position: -166px 0px; width: 88px;}
.quick-login .enter span a:hover.sina {background-position: -166px -28px; text-decoration:none;}



/* 注册表单样式 */
.nc-login-layout { width: 850px; margin: 0 auto}
.nc-login { width: 400px; float:right; }
.nc-login-title { background:#F9F9F9; border: #D8D8D8 solid; border-width: 1px 1px 0 1px;}
.nc-login-title h3 {font-size:18px; font-family: "microsoft yahei"; font-weight:700; line-height: 20px; padding:15px 0 25px 25px; color: #555;}
.nc-login-content { background:#F9F9F9; padding: 0 20px; border: #D8D8D8 solid; border-width: 0 1px; overflow:hidden; zoom:1;}
.nc-login-content dl { width: 100%; float:left; clear: both; padding: 0; }
.nc-login-content dt { font-size:14px; line-height: 38px; color: #777; text-align: right; width: 22%; float:left; }
.nc-login-content dd { text-align:left; width:75%; float:right;}
.nc-login-content dd label { clear:both; float:left; line-height: 24px; height:24px; width:210px; margin:0;}
.nc-login-content dd .text{ font-family: Tahoma; width: 220px; height: 20px; line-height: 20px; background-color:#FFF; padding: 3px!important; border: solid 1px; border-color: #BBB;}
.nc-login-content dd .text:focus{ background-color:#FFF; border-color: #EFA100; outline: 2px solid #FFDC97;}
.nc-login-content dd a { line-height: 28px;height: 28px; text-align: left; color: #999;}
.nc-login-content .submit { font-size: 14px; font-weight: 700; color: #FFF; background: url(../images/login.png) no-repeat scroll 0px -56px; vertical-align: middle;  width: 98px; height: 34px; padding: 0; margin: 0; border: 0; cursor: pointer;}
.nc-login-content .submit:hover{ background: url(../images/login.png) no-repeat scroll 0px -90px; }

.nc-login-layout a.forget { font-weight:700; color:#06C; vertical-align: middle; margin-left:10px;}
.nc-login-layout a.register { font-weight: 600; line-height: 26px; color: #555; background: #FFF url(../images/login.png) no-repeat scroll -98px -56px; text-align: center; display:inline-block; width: 50px; height: 26px; margin: 0 6px;}
.nc-login-layout a:hover.register {background-position: -98px -82px; color: #000;text-decoration: none;}
.nc-login-layout a.agreement { color: #c53801; font-weight:600; }
.nc-login-layout a.agreement:hover { text-decoration: underline; }

.nc-login-other { border-top: dashed 1px #D8D8D8; padding:10px 0px 20px 28%;}
.nc-login-other p { line-height: 20px; color: #777; }
.nc-login-other a { text-decoration: none; display: inline-block; background: url(../images/login.png) no-repeat scroll; vertical-align: middle; margin-top: 10px; height: 28px;}
.nc-login-other a.qq { background-position: -88px 0px; width: 78px;}
.nc-login-other a:hover.qq {background-position: -88px -28px;}
.nc-login-other a.sina { background-position: -166px 0px; width: 88px;}
.nc-login-other a:hover.sina {background-position: -166px -28px;}

.nc-login-bottom { clear: both; background: url(../images/login.png) no-repeat scroll 0px -124px; width: 400px; height: 40px;}

.nc-login-layout .left-pic { background-color: #FFF; width: 450px; height: 350px; float:left; position: relative; z-index:1;}
.nc-login-layout .left-pic img { width: 450px; height: 350px; position: absolute; z-index:1; top:0; left:0 }
.nc-login-layout .left-pic span { position:absolute; z-index: 2; top:220px; left:100px; line-height:32px; font-size: 24px; font-family:"microsoft yahei"; width: 250px; text-align: center; }
.nc-login-layout .left-pic p a { color: #FFF; position:absolute; z-index: 2; top:270px; left: 165px; line-height:28px; font-size: 12px; width: 120px; text-align: center; }
.nc-login-left { line-height: 22px; color: #626A73; display: inline; width: 450px; float: left; margin: 10px 0;}
.nc-login-left h3 { font-size:18px; font-family: "microsoft yahei"; font-weight:700; color: #555; line-height: 30px; margin-top: 2px; margin-bottom: 6px;}
.nc-login-left ol { width: 420px; margin-top: 20px;  border-bottom: dashed 1px #E7E7E7;}
.nc-login-left ol li { font-family: "microsoft yahei"; font-size: 14px; line-height: 48px; display: block; vertical-align: middle; width: 200px; height: 48px; float: left; padding: 0 0 12px 0; margin: 0 0 5px 10px; overflow: hidden;}
.nc-login-left ol li i { display: inline-block; background: url(../images/login.png) no-repeat scroll; vertical-align: middle; width: 48px; height: 48px; margin-right:10px;}
.nc-login-left ol li.ico01 i { background-position: -256px 0;}
.nc-login-left ol li.ico02 i { background-position: -304px 0; }
.nc-login-left ol li.ico03 i { background-position: -352px 0; }
.nc-login-left ol li.ico04 i { background-position: -256px -48px; }
.nc-login-left ol li.ico05 i { background-position: -304px -48px; }
.nc-login-left ol li.ico06 i { background-position: -352px -48px; }


@media projection, screen {
.ui-tabs-hide {
	display: none;
}
}
@media print {
.ui-tabs-nav {
	display: none;
}
}

.ui-tabs-nav:after {
	display: block;
	clear: both;
	content: " ";
}



.ui-tabs-disabled {
	opacity: .4;
	filter: alpha(opacity=40);
}

.ui-tabs-loading em {
	background: url(../images/loading.gif) no-repeat 0 50%;
	padding: 0 0 0 20px;
}
* html .ui-tabs-nav {
	display: inline-block;
}
*:first-child+html .ui-tabs-nav {
	display: inline-block;
}

.nc-login ul li { background:#FFF; display:block;
	border: solid #D8D8D8;
	border-width: 1px 1px 1px 1px;
	float: left;
	width: 199px;
	height:30px; line-height: 30px;
	text-align: center; margin: 5px -1px 0 -1px; font-size:12px; font-weight:600;
	line-height: 28px; position:relative; z-index:1;
}
.nc-login ul li a { color:#999;}
.nc-login ul li.ui-tabs-selected { line-height:36px; font-size: 14px; font-weight:600;
	border: solid #D8D8D8;
	border-width: 1px 1px 0 1px;
	background: #F9F9F9;
	float: left;
	width: 198px; height:36px; margin:0;
	text-align: center;
	position:relative; z-index:2;
}
.nc-login ul li.ui-tabs-selected a { color: #333;}


.find-password-layout { width: 1000px; margin: 20px auto; position: relative; z-index: 1;}

.find-password-layout .openid { font-size: 14px; color: #AAA; line-height: 20px; height: 40px; position: absolute; z-index: 1; top: -70px; right: 0;}
.find-password-layout .openid span { vertical-align: top; display: inline-block; *display: inline; *zoom: 1;}
.find-password-layout .openid .avatar { width: 40px; height: 40px; margin-right: 6px; border-radius: 100%;}
.find-password-layout .openid .avatar img { width: 40px; height: 40px; border-radius: 100%;}
.find-password-layout .openid a { font-weight: 600; margin: 0 4px;}

.find-password-layout .nc-login { background-color: #FFF; width: 440px; padding: 19px 19px 29px 19px; border: solid 1px #E6E6E6; border-radius: 5px; float:right; position: relative; z-index: 1;}
.find-password-layout .nc-login .arrow { background: url(../images/login_pic.png) no-repeat -280px 0; width: 17px; height: 9px; position: absolute; z-index: 1; top: -9px; left: 160px;}
.find-password-layout .nc-login .tabs-container { margin-top: 30px; padding: 0 40px 20px 40px;}
.find-password-layout .nc-login .tabs-content { width: 352px; }
.find-password-layout .nc-login .nc-login-form dl { width: 348px;}
.find-password-layout .nc-login .nc-login-form dl dd .text { width: 240px;}
.find-password-layout .nc-login .nc-login-form .code-div dl { width: 228px;}
.find-password-layout .nc-login .nc-login-form .handle-div { line-height: 20px; margin-top: 15px; overflow: hidden;}
.find-password-layout .nc-login .nc-login-form .handle-div .auto { color: #999; float: left;}
.find-password-layout .nc-login .nc-login-form .handle-div .auto .checkbox { vertical-align: middle; display: inline-block; margin-right: 4px;}
.find-password-layout .nc-login .nc-login-form .handle-div .auto em { line-height: 20px; color: #ff3238; vertical-align: top; display: inline-block; margin-left: 6px;}
.find-password-layout .nc-login .nc-login-form .handle-div .forget { float: right;}
.find-password-layout .nc-login .nc-login-form .submit-div .submit { width: 348px;}

.find-password-layout .left-pic { width: 450px; height: 350px; float:left; margin: 30px 0; position: relative; z-index:1;}
.find-password-layout .left-pic img { max-width: 450px; max-height: 350px; position: absolute; z-index:1; top:0; left:0 }
.find-password-layout .left-pic span { position:absolute; z-index: 2; top:220px; left:100px; line-height:32px; font-size: 24px; font-family:"microsoft yahei"; width: 250px; text-align: center; }
.find-password-layout .left-pic p a { color: #FFF; position:absolute; z-index: 2; top:270px; left: 165px; line-height:28px; font-size: 12px; width: 120px; text-align: center; }



.nc-register-bg { background: #FAFAFA url(../images/register_bg.png) repeat 50% 50% ; width: 100%; height: 680px; overflow: hidden;}
.nc-register-box { filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#26000000', endColorstr='#26000000');background:rgba(0,0,0,0.15); width: 860px; height: 560px; padding: 10px; margin: 60px auto;}
.nc-register-layout { background-color: #FFF; display: block; width: 820px; height: 520px; padding: 19px; border: solid 1px #CCC; overflow: hidden;}
.nc-register-layout .left { width: 600px; height: 520px; float: left;}
.nc-register-mode { width: 580px;}
.tabs-nav { font-size: 0;  word-spacing:-1em; border-bottom: solid 1px #E6E6E6;}
.find-password-layout .tabs-nav li {border: none;}
.tabs-nav li { vertical-align: bottom; letter-spacing: normal; word-spacing: normal; text-align: center; display: inline-block; *display: inline; width: 50%; height: 40px; margin-bottom: -1px; *zoom: 1;}
.tabs-nav li a { font-size: 18px; color: #999; line-height: 24px; padding-bottom: 6px; position: relative; z-index: 1;}
.tabs-nav li a:hover { text-decoration: none; color: #000;}
.tabs-nav li a.tabulous_active { color: #e92e14; display: block; border-bottom: 3px solid #e92e14}
.tabs-nav li a i { font-size: 0; line-height: 0; border-color: #e92e14 transparent transparent transparent; border-style: solid dashed dashed dashed; border-width: 7px; display: none; width: 0; height: 0; margin-left: -4px; position: absolute; z-index: 1; left: 50%; bottom: -17px;}
.tabs-nav li a.tabulous_active i { display: block;}
.tabs-container { position: relative; z-index: 1;}
.nc-register-mode .tabs-content { padding: 50px 80px 0 100px;}
.nc-login-form { display: block;}
.nc-register-mode .tabs-content { padding: 50px 80px 0 100px;}
.nc-login-form { display: block;}
.nc-login-form dl { background-color: #FFF; width: 400px; height: 52px; margin-top: -1px; border: solid 1px #E6E6E6; position: relative; z-index: 1;}
.nc-login-form dl.focus { border-color: #7ABD54; z-index: 3;}
.nc-login-form dl.error { border-color: #e92e14 !important; z-index: 2;}
.nc-login-form dl dt { font-size: 14px; line-height: 20px; color: #666; width: 72px; padding: 16px 0 16px 20px; float: left;}
.nc-login-form dl dd { height: 28px; float: left; padding: 12px 0;}
.nc-login-form dl dd .text { font-family: "microsoft yahei"; font-size: 14px; line-height: 28px; width: 290px; height: 28px; padding: 0; border: none 0;}

.nc-login-form dl .note { color: #CCC; line-height: 16px; width: 145px; height: 32px; position: absolute; z-index: 1; top: 10px; left: 245px;}
.nc-login-form dl.focus .note { color: #7ABD54;}

.nc-login-form .code-div { width: 401px; height: 54px;}
.nc-login-form .code-div dl { width: 277px; float: left;}
.nc-login-form .code-div span { width: 120px; height: 52px; float: left; margin: -1px 0 0 -1px; border: solid 1px #E6E6E6; position: relative; z-index: 1;}
.nc-login-form .code-div span img { width: 120px; height: 52px;}
.nc-login-form .code-div span a { font-size: 14px; text-decoration: none; line-height: 52px; color: #FFF; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5); text-align: center; display: none; width: 120px; height: 52px; position: absolute; z-index: 1; top: 0; left: 0;}
.nc-login-form .code-div span:hover a { display: block;}
.nc-login-form .clause-div { font-size: 14px; color: #666; line-height: 30px; width: 400px; height: 30px; margin-top: 15px; border: none 0;}
.nc-login-form .clause-div dd { padding: 0; height: auto;}
.nc-login-form .clause-div .checkbox { vertical-align: middle; margin-right: 8px;}
.nc-login-form .tiptext { line-height: 20px; color: #999; margin: 15px 0;}
.nc-login-form .tiptext a { line-height: 22px; color: #FFF; background-color: #21b384; vertical-align: middle; display: inline-block; height: 22px; padding: 0 8px; margin: 0 4px; border-radius: 2px;}
.nc-login-form .tiptext a:hover { text-decoration: none; background-color: #1FA67A;}
.nc-login-form .tiptext a i { font-size: 14px; margin-right: 4px;}
.nc-login-form .submit-div { margin-top: 15px;}
.nc-login-form .submit-div .submit { font-family: "microsoft yahei"; font-size: 16px; font-weight: 600; color: #FFF; background-color: #e92e14; width: 398px; height: 42px; border: solid 1px #D91E17; border-radius: 3px; cursor: pointer;}

.nc-login-form label.error { color: #000; line-height: 24px; background: #FFF5D9 no-repeat 0 0; text-align: left; white-space: nowrap; height: 24px; padding: 8px 12px 8px 24px; position: absolute; z-index: 2; top: 5px; left: 300px; }
.nc-login-form label.error i { font-size: 24px; margin-right: 12px; color: #FF875A; vertical-align: middle;}
.nc-login-form .clause-div label.error { top: -5px; right: 50px;}
.nc-login-form .code-div label.error { background: transparent none; min-width: auto; padding: 0; top: 15px; right: -160px; left: auto;}

.transition { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; }
.make_transist { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.hidescale { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); filter: alpha(opacity=0); opacity: 0; }
.showscale { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; }
.hideleft { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; display: none\9; ;/*ie6,ie7,ie8*/}
.showleft { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; display: block\9; ;/*ie6,ie7,ie8*/}
.hidescaleup { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.showscaleup { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; }
.hideflip { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); display: none\9; ;/*ie6,ie7,ie8*/ opacity: 0; -webkit-transform: rotatey(-90deg) scale(1.1); -moz-transform: rotatey(-90deg) scale(1.1); -o-transform: rotatey(-90deg) scale(1.1); -ms-transform: rotatey(-90deg) scale(1.1); transform: rotatey(-90deg) scale(1.1); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.showflip { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); display: block\9; ;/*ie6,ie7,ie8*/ opacity: 1; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; -webkit-transform: rotatey(0deg) scale(1); -moz-transform: rotatey(0deg) scale(1); -o-transform: rotatey(0deg) scale(1); -ms-transform: rotatey(0deg) scale(1); transform: rotatey(0deg) scale(1); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }

.tabulousclear { display: block; clear: both; }