body, html, #wrapper {width: 100%; height: 100%;}

body {
    background: #fff url(images/capture_bg.jpg) 50% top no-repeat;
    font: 10px helvetica,arial,sans-serif;
    width: 100%;
    height: 100%;
}

body, html, form, h1 {
    margin: 0;
    padding: 0;
}

a {
    color: #000;
}

a img {
    border: 0;
}

#dialog {
    width: 415px;
    margin: 0 auto;
    padding-top: 15px;
    position: relative;
}

#dialog_header {
    position: relative;
    background-color: #fff;
    padding-bottom: 10px;
}

#dialog_header a {
    position: absolute;
    left: 30px;
    top: 20%;
}
#dialog_header h1 {
    font-size: 2em; 
    padding: 6px 0 15px 170px;
    text-align: center;
}

#dialog_content {
    color: #fff;
    padding: 0 15px 30px;
}

#dialog_content a {
    color: #fff;
}

#powered {
    margin: 0;
    text-align: center;
    color:#000;
}

table {
    border-collapse: collapse;
    margin: 0 auto;
}

tr#gap td { padding-top: 15px; font-size: .1em; }
th { padding-right: 15px; text-align: right; font-size: 1.3em; }
td { padding-left: 15px; }

#separator {
    width: 1px;
    padding: 0;
    background-color: #fff;
}

.login_radio{
	width:60px;
	height:44px;
}



.login_input {
  width: 200px;
}




/*2015.07.30*/
*{padding: 0; margin: 0; }
ul,li{list-style:none;}
body{    
    font-family:helvetica,arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #575e65;
    background: #585f67;
    margin: 0;
}
a{text-decoration: none;}
h1,h5{font-weight: 500; line-height: 1.1; color: inherit;}
h5 {margin: 10px auto; font-size: 14px;}
p {margin: 0 0 10px;}
.color_text{color:#92929d;}
.f13{font-size:13px;}
.tc{text-align:center;}
.red{color: red;}
.wifibg{
    background:url(images/icon_three.png) no-repeat;
}
.left_box{
  position: absolute;
  top: 80px;
  left: 50px;
}
.logo_img{
    width:334px;height:140px;float:right;border:hidden;
}
.container {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;   
}
.login button {width:298px; height:39px;font-size:18px; background: #ff911b;color: #424242; font-weight:bold; border: none;border-radius: 2px;margin:30px 0 0;font-family:helvetica,arial,sans-serif;}
.row{overflow: hidden;}
.col{ min-height: 1px; padding-right: 15px; padding-left: 15px;}
.col-3 {width: 25%;}
.col-8 {width:312px;margin:0 auto;}
.col-3{float: left;}
.col-mid{ margin: 10px auto;}
.wid-8{width:90%;}
.wid-5{width:50%;}
.wifibg{
    width: 157px;
    height: 95px;
    margin: 0 auto 5px;
    background-position: 0px -555px;
    position: relative;
}
.form-control {font-family:helvetica,arial,sans-serif;font-size:12px;display: block;width:280px;height: 19px;padding: 9px 10px;margin:7px 0;color: #797979;background-color: #ebebeb;border:none;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.red_border{width:280px;height: 19px;border: 1px solid #94272a;}
.form-control:focus {border-color: #0062cc;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);}
.form-control:-moz-placeholder {color: #999;opacity: 1;}
.form-control:-ms-input-placeholder {color: #999;}
.form-control::-webkit-input-placeholder {color: #999;}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {cursor: not-allowed;background-color: #eee;opacity: 1;}
textarea.form-control {height: auto;}
.button_box{float: right; padding-right: 30px;}
.header{
    border-radius:8px;
    background: black;
    padding-top:14px;
    padding-bottom:10px;
}
.header span{
    padding-left: 5px;
    color: #ff8001;
    font-size:1.5em;
    font-weight: bold;
}