@charset "utf-8";
/* CSS Document */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }
audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
html {
  font-size: 12px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a:hover, a:active {
  outline: 0;
}
sub, sup {
  position: relative;
  font-size: 12px;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
button, input, select, textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
button, input {
  *overflow: visible;
  line-height: normal;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
h3{ font-size:18px; padding-left:10px; margin:0; margin-bottom:10px;}

body{ margin:0 auto; padding:0; color:#555;}



/*login*/
.login-bg1{ background:#000 url(../ihome_img/bg1.png) center top no-repeat;background-size:cover;width:100%;height: 100%;text-align: center;}
.login-bg2{ background:#000 url(../ihome_img/bg2.png) center top no-repeat;background-size:cover;width:100%;height: 100%;text-align: center;}
.login-bg3{ background:#000 url(../ihome_img/bg3.png) center top no-repeat;background-size:cover;width:100%;height: 100%;text-align: center;}
.login-bg4{ background:#000 url(../ihome_img/bg4.png) center top no-repeat;background-size:cover;width:100%;height: 100%;text-align: center;}
.login-bg5{ background:#000 url(../ihome_img/bg5.png) center top no-repeat;background-size:cover;width:100%;height: 100%;text-align: center;}
.login-bg6{ background:#000 url(../ihome_img/bg6.png) center top no-repeat;background-size:cover;width:100%;height: 100%;text-align: center;}
.login-bg7{ background:#000 url(../ihome_img/bg7.png) center top no-repeat;background-size:cover;width:100%;height: 100%;text-align: center;}
.login-bg8{ background:#000 url(../ihome_img/bg8.png) center top no-repeat;background-size:cover;width:100%;height: 100%;text-align: center;}
.login-bg9{ background:#000 url(../ihome_img/bg9.png) center top no-repeat;background-size:cover;width:100%;height: 100%;text-align: center;}
.login-bg10{ background:#000 url(../ihome_img/bg10.png) center top no-repeat;background-size:cover;width:100%;height: 100%;text-align: center;}
.login-bg11{ background:#000 url(../ihome_img/bg11.png) center top no-repeat;background-size:cover;width:100%;height: 100%;text-align: center;}
.login-bg12{ background:#000 url(../ihome_img/bg12.png) center top no-repeat;background-size:cover;width:100%;height: 100%;text-align: center;}
.login-bg13{ background:#000 url(../ihome_img/bg13.png) center top no-repeat;background-size:cover;width:100%;height: 100%;text-align: center;}
.login-bg14{ background:#000 url(../ihome_img/bg14.png) center top no-repeat;background-size:cover;width:100%;height: 100%;text-align: center;}
.login-bg15{ background:#000 url(../ihome_img/bg15.png) center top no-repeat;background-size:cover;width:100%;height: 100%;text-align: center;}
.login-bg16{ background:#000 url(../ihome_img/bg16.png) center top no-repeat;background-size:cover;width:100%;height: 100%;text-align: center;}
.login-bg17{ background:#000 url(../ihome_img/bg17.png) center top no-repeat;background-size:cover;width:100%;height: 100%;text-align: center;}
.login-bg18{ background:#000 url(../ihome_img/bg18.png) center top no-repeat;background-size:cover;width:100%;height: 100%;text-align: center;}
.login-bg19{ background:#000 url(../ihome_img/bg19.png) center top no-repeat;background-size:cover;width:100%;height: 100%;text-align: center;}
.login-bg20{ background:#000 url(../ihome_img/bg20.png) center top no-repeat;background-size:cover;width:100%;height: 100%;text-align: center;}
.login-bg21{ background:#000 url(../ihome_img/bg21.png) center top no-repeat;background-size:cover;width:100%;height: 100%;text-align: center;}
.login-bg22{ background:#000 url(../ihome_img/bg22.png) center top no-repeat;background-size:cover;width:100%;height: 100%;text-align: center;}
.login-bg23{ background:#000 url(../ihome_img/bg23.png) center top no-repeat;background-size:cover;width:100%;height: 100%;text-align: center;}
.login-bg24{ background:#000 url(../ihome_img/bg24.png) center top no-repeat;background-size:cover;width:100%;height: 100%;text-align: center;}
.login-bg25{ background:#000 url(../ihome_img/bg25.png) center top no-repeat;background-size:cover;width:100%;height: 100%;text-align: center;}
.login-center-bg{ position:absolute; top:25%; left:10%; width:80% !important; height:300px; background:#000; opacity:0.3; border-radius:8px; }
.login-nr{ position:absolute; top:25%; left:10%; width:80% !important; height:300px;}
.login { margin-left:3%;
float: left;
font-weight: bolder;
font-size: 14px;
color: #FFFFFF;
width: 100%;
margin-top: 10px;
}
.login-nr img{ width:30%; float:left; padding:25px 0 20px 10px;}
.login-nr h3{ width:55%; float:left; color:#fff; text-align:left; padding:35px 0 15px 15px; font-size:20px;}
.form-horizontal .form-group { margin: 10px auto;width: 448px;}
.login_user { border-radius:5px; border: none;
background-image: url(../ihome_img/icon-5.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15%;
width: 85% !important;
height: 38px;
font-size:13px;
line-height:3;
}
.login_Password1 { border-radius:5px; border: none;
background-image: url(../ihome_img/icon-6.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15%;
width: 85% !important;
height: 38px;
}
.login_button {
background: #F5683E;
width: 448px;
height: 40px;
border: none;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
color: #fff;
}

@media (min-width: 768px) {
.login-center-bg{ width:510px !important; left:30%;}
.login-nr{ left:30%; width:510px !important;}
.login_user{width:77%;}
.login_Password1{ width:77%;}
.login-nr img{ width:20%; float:left; padding:15px 0 20px 20px;}
.login-nr h3{ width:70%; float:left; color:#fff; text-align:left; padding:22px 0 15px 20px; font-size:26px;}
}