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


body {
    background: #f8f8f8;
    font-family: 'HanHei SC', 'PingFang SC', 'Microsoft YaHei' ,'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial', sans-serif;
    text-align: center;
    color: #fff;
}
.bg{background:rgba(0,0,0,0.8);width:100%;height:100%;position:fixed;left:0;top:0;}
.page-container {
    height:500px;width:400px;position:absolute;left:50%;margin-left:-200px;top:50%;margin-top:-250px;
}
.page-container h1 img{width:300px;}
.tit{font-size:22px;color:#26bbcd;text-align:center;}
h1 {
    font-size: 40px;
    font-weight: 100;
    text-shadow: 0 1px 4px rgba(0,0,0,.2);
}

form {
    position: relative;
    width: 400px;
    margin: 45px auto 0 auto;
    text-align: center;
    background:#f0f0f0;
    display:block;
    padding:50px 0;
}

input[name=username],input[name=password] {
    width: 270px;
    height: 42px;
	line-height:42px;
    margin-top: 25px;
    padding: 0 15px;
    /*background: #2d2d2d;*/ /* browsers that don't support rgba */
    *background-color:transparent;
    background:none;

    border: 0; /* browsers that don't support rgba */
  border-bottom:1px solid #d3d3d3;

    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #909090;
    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;
}
.radioBox{
    margin-top: 25px;
}
input[type=radio] {
    opacity: 0.5;
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=50);
}


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

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);
}

button {
    cursor: pointer;
    width: 300px;
    height: 44px;
    margin-top: 25px;
    padding: 0;
    background: #26bbcd;
    -moz-border-radius: 44px;
    -webkit-border-radius: 44px;
    border-radius: 44px;
    border: 0px;
    /*-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: 16px;
    font-weight: 200;
    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;
}

.connect {
    max-width: 820px;
    _width:820px;
    *width:820px;
    padding:2em 0;
    text-align:center;
    margin: 50px auto 0 auto;
    font-size: 16px;
    font-weight: 200;
    text-shadow: 0 1px 3px rgba(0,0,0,.2);
}
/*.connect p{
    position:relative;
	left:-140%;
	top:0
}*/
.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;
}
.alert{
	width:310px;
	height:200px;
	background:#000;
	position:absolute;
	top:-40%;
	left:50%;
	margin: -101px 0 0 -151px;
}
.alert h2{
	height:40px;
	padding-left:8px;
	font-size:14px;
	background:#FF0543;
	text-align:left;
	line-height:40px;
}
.alert .alert_con{
	background:#fff;
	height:160px;
}
.alert .alert_con p{
	color:#000;
	line-height:90px;
}
.alert .alert_con .btn{
	padding:3px 10px;
	color:#fff;
	cursor:pointer;
	background:#72D1FF;
	border:1px solid #72D1FF;
	border-radius:4px;
}
.alert .alert_con .btn:hover{
	background:#4FB2EF;
	border:1px solid #4FB2EF;
	border-radius:4px;
}
/*
.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; }
*/