/* login */
body {background:#eee;min-width:320px}
#page-wrapper {width:750px; position:absolute; top:50%; left:50%; margin-left:-375px;margin-top:-270px; padding:30px 0}
.logo {margin:0 0 5px 0}
.login-area {padding:90px 0px; background:#fff;border-top:3px solid #53A295;text-align:center}
.login-article {width:80%; max-width:475px; min-width:240px;margin:0 auto;text-align:left}
.login-title {font-size:22px;font-weight:600; color:#777;margin:0;padding:0} 
.login-container .ao-loginbox {padding:20px} 
.login-container .ao-logobox {width:300px !important;height:50px !important;margin-bottom:20px}
.login-container .label-group {margin:-5px 10px 10px 5px}
.login-container input[type=checkbox],.login-container input[type=radio] {opacity:1;position:relative;left:0px;z-index:12;width:15px;height:15px;cursor:pointer}
.row-border {border-top:1px solid #ddd; border-bottom:1px solid #ddd;margin:10px 0;padding:35px 0 12px}
.row-border .login-form, .row-etc-btns {margin:0 auto; width:314px}
.row-border .login-form {display:table}
.row-border .cell-input, .row-border .cell-btn {display:table-cell;vertical-align:top}
.row-border .cell-btn {width:80px;padding-left:10px}
.row-border .cell-input .row {margin-bottom:5px;width:220px} 
.row-border .cell-btn .btn-login {width:80px;height:114px}
.row-border .cell-option {width:100%}
.row-border .row {margin:0}
.row-border .row-check {margin-top:10px}
.btn-primary,a.btn-primary{border-color:#367E71;background-color:#367E71;color:#fff}
.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open > .dropdown-toggle.btn-primary{border-color:#2B6B5F;background-color:#2B6B5F;color:#fff}

@media screen and (max-width:991px){
	#content {padding-top:0px}
}
@media screen and (max-width:780px){
	#page-wrapper {width:90%;left:5%; margin-left:0;margin-top:-240px}
	.login-area {padding:60px 0px}
}
@media screen and (max-width:500px){
    .row-border .cell-input .row {margin-bottom:5px;width:100%} 
    .row-border .cell-input, .row-border .cell-btn {display:block; width:100%}
    .row-border .cell-btn {width:100%;padding-left:0px}
	.row-border .cell-btn .btn-login {width:100%;height:35px; margin-bottom:5px}
}
@media screen and (max-width:450px){
	.row-border .login-form, .row-etc-btns {width:280px}
}
@media screen and (max-width:400px){
	#page-wrapper {margin-top:-210px}
	.row-border .login-form, .row-etc-btns {width:240px}
	.login-area {padding:40px 0px}
	.row-border {padding:22px 0 12px}
}