/*
 *
 * Template Name: Fullscreen Login
 * Description: Login Template with Fullscreen Background Slideshow
 * Author: Anli Zaimi
 * Author URI: http://azmind.com
 *
 */


body {
    background: #f8f8f8;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
/*	font-family:Microsoft YaHei;
*/    text-align: center;
    color: #000000;
}
a{color:#444; TEXT-DECORATION:none}

.page-container {
    margin: 0px auto 0 auto;
}

h1 {
    font-size: 30px;
    font-weight: 50%;
    text-shadow: 0 1px 4px rgba(0,0,0,.2);
}
h2 {
    font-size: 20px;
    font-weight: 50%;
    text-shadow: 0 1px 4px rgba(0,0,0,.2);
}

.zw{background:; margin-top:1px;}
.zw .zj{width:960px;margin:0 auto;}
.zw .zj .zb{ margin:0; padding:0;}
.zw .zj .yb{ margin:20; padding:0;}
.zw .nrdb{height:61px;border-top:1px solid #bbbbbb;color: #333333;background:#e7e7e7;text-align:center;}
.nrdb .copy2{
	margin-top:20px;
	margin-bottom: 10px;
}

.header{background:url(../img/top_bg.jpg) repeat-x; height:60px;}
.header .top{width:960px; margin:0 auto;}
.header .top .logo{ float:left; margin-top:11px;}
.header .top .nav{ float:right; margin-top:15px;}
.header .top .nav a{ float:left; display:block; width:96px; height:30px; font-size:14px; margin:0 12px; font-weight:bold; line-height:33px; text-align:center;}
.nav2{
	float:left;
	display:block;
	width:196px;
	height:30px;
	font-size:14px;
	margin:0 12px;
	font-weight:bold;
	line-height:33px;
	text-align:center;
	margin-top: 5px;
}
.header .top .nav a:visited{color:#333;}
.header .top .nav a.on:visited{color:#F4F1F1;}
.header .top .nav a.on,.header .top .nav a:hover{ color:#F4F1F1;background:#006699; border-radius:6px;}
.title{background-color:#5eb0e0;}
.title2{background-color:#5eb0e0;}
.title2 h2{no-repeat;height:60px;width:100%;margin:0 auto;padding-top:16px;font-size:30px;}
.title h2{background:url(../img/t_bg0.jpg);no-repeat;height:50px;width:960px;margin:0 auto;padding-top:16px;font-size:30px;}
.content{width:356px;height:360px;margin:20px auto;margin-top:5px;}
.bt{width:60px;height:60px;margin:10px auto;}

.userbox{
	margin:0 auto;
	background:#20B2AA; /*darkcyan;*/
	/*width:200px;
	height:200px;
	line-height: 200px;
	*/
	text-align: center;
	border:1px solid darkslategray; /*边框线条粗细*/
				
	/*
	boder-top-left-radius：30px；      //左上角
	boder-top-right-radius：30px；   //右上角
	boder-bottom-left-radius：30px；  //右下角
	boder-bottom-right-radius：30px； //左下角
	*/
	/*如果这四个弧度的圆角相同，可以写成：border-radius：30px；*/
				
	border-radius:10px; /*圆角弧度*/
	box-shadow:10px 10px 15px #000  /*第1个值为0=左右框阴影 正数=左框阴影 负数=右框阴影；第2个值为0=上下框阴影 正数=上框阴影 负数=下框阴影；第3个值=范围；第4个值=颜色*/
} /*content*/

.userpic{float: left;}
.userform{;width:310px;height:260px;padding:20px;} /*外框线条 border:1px solid #CFCFCF;*/
.userform li{padding-top:10px;clear: both;float: left;width:100%;}
.userform li.tip{font-size: 12px;padding-top:0px;}
.userform li.info{color:#ccc;}
.userform li.err{color:red;}
.userform li.ok{color:green;}
.userform label{text-align: right;padding-right:10px;width:80px;float: left;padding-top:3px;}
/*
.userform input{border: 1px solid #CFCFCF;height: 16px;border-radius:3px;width:190px;float: left;padding:5px;}
.userform input.yzm{width:80px;}
.userform input.chk{width:auto;height:auto;border:none;margin:0 3px;}
.userform input.btn{width:200px;height:30px;background: #069;color:#F4F1F1;margin-right: 10px;cursor: pointer;padding:0;}
.userform input.file{padding-bottom:10px;width:280px;_height:32px;}
*/
.userform li a{color:#069;padding:5px 0;height:22px;float:left;}
.userform .yzmimg{height: 28px;}
.userform li.desc {border-top: 1px solid #ccc;} /*content*/
.userform li.desc a{margin-left: 120px;}

.userform2{;width:310px;height:315px;padding:20px;} /*外框线条 border:1px solid #CFCFCF;*/
.userform2 li{padding-top:5px;clear: both;float: left;width:100%;}
.userform2 li a{color:#069;padding:5px 0;height:2px;float:left;}
.userform2 .desc {margin-top: 15px;border-top: 2px solid #ccc;} /*content*/
.label2{text-align: right;padding-right:10px;width:280px;float: left;padding-top:3px;}
.sub{
    margin-top: 10px;
}

.footer{height:61px;border-top:1px solid #bbbbbb;color: #333333;background:#e7e7e7;text-align:center;}
.footer .copy{
	margin-top:20px;
	margin-bottom: 10px;
}


form {
    position: relative;
    width: 305px;
    margin: 15px auto 0 auto;
    text-align: center;
}
.dlbt{
	line-height:30px;
	height:30px;
    color: #FFFFF0;
	font-weight:bold;
}
.mmbt2{
	line-height:30px;
	height:30px;
    color: #FFFFF0;
	font-weight:bold;
}

img{
vertical-align:middle;
}

input {
    width: 273px;
    height: 42px;
    margin-top: 10px;
	margin-bottom: 10px;
    padding: 0 15px;
    background: #2d2d2d; /* browsers that don't support rgba */
    background: rgba(45,45,45,.15);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #3d3d3d; /* browsers that don't support rgba */
    border: 1px solid rgba(255,255,255,.15);
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.1);
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
}

input:-moz-placeholder { color: #fff; }
input:-ms-input-placeholder { color: #fff; }
input::-webkit-input-placeholder { color: #fff; }

input:focus {
    outline: none;
    -moz-box-shadow:
        0 2px 3px 0 rgba(0,0,0,.1) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    -webkit-box-shadow:
        0 2px 3px 0 rgba(0,0,0,.1) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    box-shadow:
        0 2px 3px 0 rgba(0,0,0,.1) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
}

button2 {
    cursor: pointer;
    width: 100px;
    height: 44px;
    margin-top: 25px;
    padding: 0;
    background: #ef4300;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ff730e;
    -moz-box-shadow:
        0 15px 30px 0 rgba(255,255,255,.25) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    -webkit-box-shadow:
        0 15px 30px 0 rgba(255,255,255,.25) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    box-shadow:
        0 15px 30px 0 rgba(255,255,255,.25) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.1);
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
}

button {
    cursor: pointer;
    width: 300px;
    height: 44px;
    margin-top: 25px;
    padding: 0;
    background: #ef4300;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ff730e;
    -moz-box-shadow:
        0 15px 30px 0 rgba(255,255,255,.25) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    -webkit-box-shadow:
        0 15px 30px 0 rgba(255,255,255,.25) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    box-shadow:
        0 15px 30px 0 rgba(255,255,255,.25) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.1);
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
}

button:hover {
    -moz-box-shadow:
        0 15px 30px 0 rgba(255,255,255,.15) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    -webkit-box-shadow:
        0 15px 30px 0 rgba(255,255,255,.15) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    box-shadow:
        0 15px 30px 0 rgba(255,255,255,.15) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
}

button:active {
    -moz-box-shadow:
        0 15px 30px 0 rgba(255,255,255,.15) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    -webkit-box-shadow:
        0 15px 30px 0 rgba(255,255,255,.15) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    box-shadow:        
        0 5px 8px 0 rgba(0,0,0,.1) inset,
        0 1px 4px 0 rgba(0,0,0,.1);

    border: 0px solid #ef4300;
}

.error {
    display: none;
    position: absolute;
    top: 25px;
    right: -0px;
    width: 40px;
    height: 40px;
    background: #2d2d2d; /* browsers that don't support rgba */
    /* background: rgba(45,45,45,.25);*/
    background: rgba(0,0,0,.25);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.error span {
    display: inline-block;
    margin-left: 0px;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    text-shadow: 0 1px 2px rgba(0,0,0,.1);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* -o-transform: rotate(45deg);*/
    /* -moz-transform: rotate(45deg);*/
    /* -webkit-transform: rotate(45deg);*/
    /* -ms-transform: rotate(45deg);*/

}

.connect2 {
    margin: auto;
}
.connect {
    width: 305px;
    margin: 15px auto 0 auto;
    font-size: 18px;
    font-weight: 700;
    text-shadow: 0 1px 3px rgba(0,0,0,.2);
}

.connect a {
    display: inline-block;
    width: 32px;
    height: 35px;
    margin-top: 15px;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
}

.connect a.facebook { background: url(../img/facebook.png) center center no-repeat; }
.connect a.twitter { background: url(../img/twitter.png) center center no-repeat; }

.connect a:hover { background-position: center bottom; }

.container, .container img{width:500px; height:380px;}
.container img{border:0;vertical-align:top;}


.hide_box{
	width:300px;min-height:60px;*/
	min-height:60px;
	margin:0 auto 60px;/**/
	margin-top:22px;
	background:#fff;/*背景颜色f8f8f8*/
	border:1px solid #a3a3a3;
	border: 5px solid #1BB394; /*边框颜色*/
	/*padding:20px 20px 50px;*/
	border-radius:5px;-moz-border-radius:5px;
	border-radius:10px; /*圆角*/
	margin-bottom:-15px;
	display:none;
}
.hide_box .boxico{
	margin-top:16px;
	margin-left:16px;
	width:30px;
	height:30px;
	float:left;
	background: url(../img/icon.png) -60px 0;
}
.hide_box .boxtips{
	margin-top:15px;
	margin-left:10px;
	margin-right:20px;
	margin-bottom:0px;
	font-size:22px;
	color: #222; /*文字凸版效果*/
	text-shadow: 0px 2px 3px #555;/*文字凸版效果*/
	min-width:80px;
	max-width:360px;
	float:left;
}
.boxauto{ /*右侧自动扩容*/
	clear:both; /*扩容*/
}