@charset "utf-8";
/* CSS Document */
html {padding:0; margin:0; height:100%;}
*{ box-sizing:border-box;}
body {padding:0; margin:auto; background:url(../images/bg_login.jpg) no-repeat center top;height:100%; background-color:#012f5d}
body, td, th, input, select, textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px;color:#818285;}
input[type='text'], input[type='password'] {padding:0px;border: 1px solid #D8D3D0;border-radius: 3px 3px 3px 3px; height:25px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; width:98%}
#frm_add1 input[type='text'],#frm_add1 input[type='password'] {padding:0px;border: 1px solid #D8D3D0;border-radius: 3px 3px 3px 3px; height:30px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; width:100%;}
#page{ width:100%; float:left; padding:0px; margin:0px}
.main{ width:609px; margin:auto;}
#frm_add1{ width:100%;float:left;margin-top:132px;background:url(../images/box.png) no-repeat center center; background-size:cover; text-align:center; padding:10px 15px 10px 8px;margin-left:7px;width: -moz-calc(100% - 7px);width: -webkit-calc(100% - 7px);    width: -o-calc(100% - 7px);width: calc(100% - 7px);}
.box{ width:100%;display:inline-block;background-color:#93c8f6;padding:5px;}
.content{ width:100%;float:left;  background-color:#fff; position:relative}
.box_left{width:50.7%;float:left;padding: 5px 20px 10px 5px; text-align:left;background:url(../images/box_center.png) no-repeat right center;}
.box_left table{ width:100%;}
.box_right{ width:49.3%;float:left;text-align:center;}
.logo{margin-top:30%;max-width:95%; border:none;}
.red_error{ color:red;}
.text{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#818285; text-decoration:none !important}
.text a{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#818285; text-decoration:none !important}
.text a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#818285; text-decoration:underline}
.font18{ color:#818285; font-size:28px; font-family:Arial, Helvetica, sans-serif; padding:5px 0 10px 0; margin:0; text-align:center;}
.text1{ font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#818285; text-decoration:none !important}
.font20{ color:#62b206; font-size:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
.font15{ color:#62b206; font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
.key{ width:106px; height:132px; position:absolute; z-index:99; right:-72px; bottom:-96px;background-image:url(../images/key.png)}
.p p,.success,.error{ padding:0; margin:0; color:#F00;}
#login{width:auto;background: #2DAEE3;color: #fefefe;font-size: 14px;font-weight: bold;text-transform: uppercase;padding: 10px 28px;border-radius:5px; border:none;text-align: center;-webkit-transition: all 0.7s ease;transition: all 0.7s ease; cursor:pointer; margin-top:5px;}
#login:hover{background:#62B446;}
.capt{ float:right;}
.form{margin-top:0px;height:40px !important; width:45% !important; float:left;}
@media (max-width: 736px) {
#frm_add1{ margin-top:10px;}
}
@media (max-width: 600px) {
.main,#frm_add1,.box,.content,.box_left,.box_left table{ width:100%;height:auto;}
#frm_add1{margin:0; padding-right:8px;}
.box{ margin-left:0;}
.content{margin:0;}
.box_left{margin:0;background:none;}
.box_left table{padding:5px;}
.form{ width:40% !important; float:left;}
.capt{ float:left; margin-left:10px;}
.box_right{ width:45%; height:auto; position:absolute; top:0; right:15px; text-align:right;}
.logo{ margin:0; max-width:100%;}
.box_center{ display:none;}
.key{ right:0; bottom:-110px;}
}

/**{margin: 0;padding: 0;}
html, body{height: 100%;}
body{background: #fff;color: #393939;font-family: Arial;font-size: 0px;line-height: 0;} 

table{border-collapse: collapse;}
.clear{clear: both;font-size: 0px;height: 0;line-height: 0px;margin: 0px;padding: 0px;}
form{margin: 0;padding: 0;}
#login-bg{background: url(../images/login/login_bg.jpg) no-repeat top center;}
#login-holder{margin: 0px auto 0 auto;width: 508px;}
#loginbox{background:url(../images/login/loginbox_bg.png) no-repeat;font-size:12px;height:212px;line-height:12px;padding-top:60px;position: relative;width: 508px;}
#forgotbox{background: url(../images/login/loginbox_bg.png) no-repeat;display:none;font-size:12px;height: 212px;line-height: 12px;	padding-top: 60px;position: relative;width: 508px;}
#login-inner{color: #161616;font-family: Tahoma;font-size: 13px;line-height: 12px;margin: 0 auto;width: 310px;}
#login-inner label{color: #161616;cursor: pointer;font-family: Tahoma;font-weight: bold;line-height: 12px;padding-left: 10px;}
.checkbox-size{width:13px;height:13px;margin: 5px 0;}	
#login-inner th{padding: 0 0 6px 0;text-align: left;width: 95px;}
#login-inner td{padding: 0 0 6px 0;}
.login-inp{background: url(../images/login/inp_login.gif) no-repeat;border: none;color: #fff;font-size: 16px;height: 28px;	padding: 6px 6px 0 10px;width: 204px;}
#logo-login{float: left;height: 35px;margin: 145px 0 0 15px;}
a.forgot-pwd{bottom:30px;color:#161616;font-family:Tahoma;font-size: 11px;font-weight: bold;line-height: 12px;position: absolute;	right: 40px;}
a:hover.forgot-pwd{color: #fff;}
#forgotbox-text{color:#161616;font-family:Tahoma;font-size:13px;font-weight:bold;line-height:12px;margin:0 auto 40px auto;width: 380px;}
#forgot-inner{color: #161616;font-family: Tahoma;font-size: 13px;line-height: 12px;margin: 0 auto;width: 330px;}
#forgot-inner label{color: #161616;cursor: pointer;font-family: Tahoma;font-weight: bold;line-height: 12px;padding-left: 10px;}
#forgot-inner th{padding: 0 0 6px 0;text-align: left;width: 110px;}
#forgot-inner td{padding: 0 0 6px 0;}
a.back-login{background: url(../images/login/icon_back_login.gif) no-repeat 0 4px;bottom: 30px;color: #161616;font-family: Tahoma;	font-size: 11px;font-weight: bold;line-height: 12px;padding: 0 0 0 10px;position: absolute;right: 40px;}
a:hover.back-login{color: #fff;}
.submit-login{background: url(../images/login/submit_login.gif) no-repeat;border: none;cursor: pointer;display: block;height: 29px;text-indent: -3000px;width: 73px;}
.submit-login:hover{background: url(../images/login/submit_login.gif) no-repeat 0 -29px;}*/