html, body {    width: 100%;    height: 100%;}
/*Bootstrap-overlay*/

body {
 overflow-x: hidden;
 margin-top: -10px;  font-family: 'Microsoft YaHei', sans-serif; font-size:12px; color:#666;
}
a{color:#666;}
a:hover, a:focus {
 text-decoration: none; color:#28b779;
}
.dropdown-menu .divider{ margin:4px 0px;}
.dropdown-menu{ min-width:180px;}
.dropdown-menu > li > a{ padding:3px 10px; color:#666; font-size:12px;}
.dropdown-menu > li > a i{ padding-right:3px;}
.userphoto img{ width:19px; height:19px;}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .label, .dropdown-menu, .btn, .well, .progress, .table-bordered, .btn-group > .btn:first-child, .btn-group > .btn:last-child, .btn-group > .btn:last-child, .btn-group > .dropdown-toggle, .alert{ border-radius:0px;}
.btn, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{ box-shadow:none;}
.progress, .progress-success .bar, .progress .bar-success, .progress-warning .bar, .progress .bar-warning, .progress-danger .bar, .progress .bar-danger, .progress-info .bar, .progress .bar-info, .btn, .btn-primary{background-image:none;}
.accordion-heading h5{ width:70%; }
.form-horizontal .form-actions{ padding-left:20px; }
#footer{ padding:10px; text-align:center;}
hr{ border-top-color:#dadada;}
.carousel{ margin-bottom:0px;}
.fl { float:left}
.fr {float:right}
.label-important, .badge-important{ background:#f74d4d;}

/*Metro Background color class*/
.bg_lb{ background:#27a9e3;}
.bg_db{ background:#2295c9;}
.bg_lg{ background:#28b779;}
.bg_dg{ background:#28b779;}
.bg_ly{ background:#ffb848;}
.bg_dy{ background:#da9628;}
.bg_ls{ background:#2255a4;}
.bg_lo{ background:#da542e;}
.bg_lr{ background:#f74d4d;}
.bg_lv{ background:#603bbc;}
.bg_lh{ background:#b6b3b3;}
.bg_xb{ background:#3bb4f2}
.bg_xg{ background:#81bc33}

#logo, #loginbox {position: absolute;top: 70px;right: 15%;}
#logo img {  margin: 0 auto;    display: block;}
#loginbox { text-align: left;   }
#loginbox form{ width:100%;border-radius: 5px; position:relative; top:0; left:0; }
#loginbox .form-actions { padding: 14px 20px 15px;}
#loginbox .form-actions .pull-left { margin-top:0px;}
.btn-login{background:#333;color:#fff;border-radius:1px;padding:5px 30px;border:none;transition:all 0.5s}
.btn-login:hover{box-shadow:0px 3px 3px #333;background:#777;}
#loginbox form#loginform { z-index: 200; display:block;}
#loginbox form#recoverform { z-index: 100;     display:none;}
#loginbox form#recoverform .form-actions {    margin-top: 10px;}
#loginbox .main_input_box { margin:0 auto; text-align:center; font-size:13px;}
#loginbox .main_input_box .add-on{  padding:9px 9px; color:#fff;  width:30px; display:inline-block;}
#loginbox .main_input_box input{ height:28px;border-left: none; display:inline-block; width:75%; line-height:28px;  margin-bottom:2px;}
#loginbox .controls{ padding:0 20px;}
#loginbox .control-group{ padding:20px 0; margin-bottom:0px;}
.form-vertical, .form-actions {  margin-bottom: 0; background:none; border-top:1px solid #aaa; }
#loginbox .normal_text{ padding:15px 10px; text-align:center; font-size:14px; line-height:20px;border-bottom:1px solid #aaa; color:#fff; }
@media (max-width:800px){
#logo { width: 60%; }
#loginbox{ width:80%}
}
@media (max-width: 480px){
#logo { width: 40%; }
#loginbox{ width:90%}
#loginbox .control-group{ padding:8px 0; margin-bottom:0px;}
}
body{padding:0px;margin:0px;}
.logo{padding:20px 30px 20px 50px;}  
.interval{font-size:25px;line-height:50px;vertical-align:middle;color:#000;}
.interval1{font-size:20px;line-height:50px;vertical-align:middle;}
.logintop{}
.loginimg{height:550px;position: relative; background-image: url("../img/timg1.jpg");background-repeat: no-repeat;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;}
.loginimg #scene{width: 550px;margin-left: 50px;margin-top: 10px}
.loginimg>img{width:100%;height:550px;}
.mian-form{background-color:#fff; height:400px;}
#loginform>h3{float:left;width: 100%;border-bottom:1px solid #d5d3d3;text-align: center;font-size: 18px;font-family:"Microsoft YaHei";font-weight: normal;color:#6a7374;margin:0px;line-height: 50px;}
#loginform>.current{background-color:#fff; color:#2aaeff;border-bottom: 2px solid #2aaeff;}
#loginform>div{clear: both;background-color:#fff;border-radius:0px 0px 5px 5px;display: none;   }
#loginform>div.content { display: block;}
#loginform>div.content:first-child{display: block;}

.QRCode{ height:240px;padding:40px 76px 0px 76px}
.QRCode>span{padding-left:10px;}
.QRCode-change>ul{height:70px;margin:15px 0;border-top:1px solid #d5d3d3;padding-top:10px}
.QRCode-change>ul>li{float:left;list-style:none;width:33%;text-align:center}

.password{padding:30px; }
#loginform .help-inline{color:#137483;}
.loginbottom{border-top: 5px solid #2aaeff; height:80px; text-align:center;line-height:80px; font-size:14px;}
.loginlabel{display: inline-block; font-weight: bold;}
.form-group>input{border-radius: 3px; margin-left: 10px; width: 130px;border:1px solid #d5d3d3;}
.form-group{padding-top: 30px;}
.form-group>.user{background-image: url("../img/user.png");background-repeat: no-repeat; background-position:95% 50%;  width: 200px; }
.form-group>.pwd{background-image: url("../img/pwd.png");background-repeat: no-repeat; background-position:95% 50%;  width: 200px; }
.code{width: 70px;border:1px solid #d5d3d3;}
.btnlogin{ width: 100%; background-color: #2aaeff; color: #fff; border-radius: 3px;border:0px; height: 30px;}
.btnlogin:hover{background-color: #3bb4f2; color: #fff;}

#login_toolip{    display: none;
    margin-top: -17px;
    height: 10px;
    line-height: 10px;
    border: 1px solid #e460a4;
    margin-bottom: -10px;text-align: center;}
#loginform{overflow:hidden;}
#loginform h3{cursor:pointer;}
.login_active{position:relative;animation:activeIn 1s;-moz-animation:activeIn 1s;-webkit-animation:activeIn 1s;-o-animation:activeIn 1s;}
@keyframes activeIn{from{left:-100px;}to{left:0px;}}
@-moz-keyframes activeIn{from{left:-100px;}to{left:0px;}}
@-webkit-keyframes activeIn{from{left:-100px;}to{left:0px;}}
@-o-keyframes activeIn{from{left:-100px;}to{left:0px;}}
.login_Unactive{position:relative;animation:activeOn 1s;-moz-animation:activeOn 1s;-webkit-animation:activeOn 1s;-o-animation:activeOn 1s;}
@keyframes activeOn{from{left:0px;}to{left:-100px;}}
@-moz-keyframes activeOn{from{left:0px;}to{left:-100px;}}
@-webkit-keyframes activeOn{from{left:0px;}to{left:-100px;}}
@-o-keyframes activeOn{from{left:0px;}to{left:-100px;}}
.login_blur{position:relative;animation:activeOut 1s;-moz-animation:activeOut 1s;-webkit-animation:activeOut 1s;-o-animation:activeOut 1s;}
@keyframes activeOut{from{right:0px;}to{right:-100px;}}
@-moz-keyframes activeOut{from{right:0px;}to{right:-100px;}}
@-webkit-keyframes activeOut{from{right:0px;}to{right:-100px;}}
@-o-keyframes activeOut{from{right:0px;}to{right:-100px;}}
.login_Unblur{position:relative;animation:activeOuts 1s;-moz-animation:activeOuts 1s;-webkit-animation:activeOuts 1s;-o-animation:activeOuts 1s;}
@keyframes activeOuts{from{right:-100px;}to{right:0px;}}
@-moz-keyframes activeOuts{from{right:-100px;}to{right:0px;}}
@-webkit-keyframes activeOuts{from{right:-100px;}to{right:0px;}}
@-o-keyframes activeOuts{from{right:-100px;}to{right:0px;}}
/*
.layer:nth-child(1) {
  opacity: 0.15;
}
.layer:nth-child(1) button {
  -webkit-transform: rotate(150deg);
}

.layer:nth-child(2) {
  opacity: 0.25;
}
.layer:nth-child(2) button {
  -webkit-transform: rotate(120deg);
}

.layer:nth-child(3) {
  opacity: 0.70;
}
.layer:nth-child(3) button {
  -webkit-transform: rotate(90deg);
}

.layer:nth-child(4) {
  opacity: 0.95;
}
.layer:nth-child(4) button {
  -webkit-transform: rotate(60deg);
}

.layer:nth-child(5) {
  opacity: 1;
}
.layer:nth-child(5) button {
  -webkit-transform: rotate(30deg);
}*/

#iPicture{font-size:14px;color:#fff}.ip_slide{position:relative}.ip_tooltip{padding:0;position:absolute;text-align:left}.ip_img32 .ip_descr{}.ip_bg24 .ip_descr{}.ip_descr:before{width:0;height:0;content:"";position:absolute}.ip_descr.ltr-before:before{border-left:8px solid transparent;top:15px;left:-8px}.bgwhite.ltr-before:before{border-top:12px solid rgba(255,255,255, .9)}.bgblack.ltr-before:before{border-top:12px solid rgba(0, 0, 0, .8)}.ip_descr.rtl-before:before{border-right:8px solid transparent;top:15px;right:-8px}.bgwhite.rtl-before:before{border-top:12px solid rgba(255,255,255, .9)}.bgblack.rtl-before:before{border-top:12px solid rgba(0, 0, 0, .8)}.ip_descr.btt-before:before{border-right:12px solid transparent;bottom:-8px;left:16px}.bgwhite.btt-before:before{border-top:8px solid rgba(255,255,255, .9)}.bgblack.btt-before:before{border-top:8px solid rgba(0, 0, 0, .8)}.ip_descr.ttb-before:before{border-right:12px solid transparent;top:-8px;left:16px}.bgwhite.ttb-before:before{border-bottom:8px solid rgba(255,255,255, .9)}.bgblack.ttb-before:before{border-bottom:8px solid rgba(0, 0, 0, .8)}.ip_tooltip .ip_descr{font:13px Lucida Grande,Arial,sans-serif;opacity:0;position:absolute;text-align:left;transition:left .25s ease-out, opacity .25s ease-out, right .25s ease-out, bottom .25s ease-out, top .25s ease-out;-moz-transition:left .25s ease-out, opacity .25s ease-out, right .25s ease-out, bottom .25s ease-out, top .25s ease-out;-webkit-transition:left .25s ease-out, opacity .25s ease-out, right .25s ease-out, bottom .25s ease-out, top .25s ease-out;z-index:-10;display:block;width:auto;height:auto;padding:10px;min-height:15px}.ip_descr p{min-width:200px}.ip_tooltip .ltr-before{left:-3px}.ip_tooltip .rtl-before{right:-60px}.ip_tooltip .ttb-before{top:-3px}.ip_tooltip .btt-before{bottom:-60px}.ltr-slide{opacity:1 !important;left:45px !important;padding:0}.rtl-slide{opacity:1 !important;right:13px !important;padding:0}.btt-slide{opacity:1 !important;bottom:13px !important;padding:0}.ttb-slide{opacity:1 !important;top:45px !important;padding:0}.pass-ltr{display:block;float:right;height:50px;left:30px;position:absolute;width:20px}.pass-rtl{display:block;float:right;height:50px;right:-30px;position:absolute;width:50px}.pass-btt{display:block;float:right;height:50px;bottom:-30px;position:absolute;width:40px}.pass-ttb{display:block;float:right;height:20px;top:30px;position:absolute;width:50px}.descrContainer{width:0;height:0;display:block;visibility:hidden}.show .descrContainer{width:100%;height:100%;visibility:visible}.ip_img32 .button{width:20px;height:20px;float:left!important;position:absolute}.ip_img24 .button{width:24px;height:24px;float:left!important;position:absolute;top:18px;left:18px}.bg32 .button{width:32px;height:32px;float:left!important;position:absolute;top:9px;left:9px}.ip_bg24 .button{width:24px;height:24px;float:left!important;position:absolute;top:9px;left:9px;border-radius:24px}.bgblack{background:rgba(0, 0, 0, .8);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}.bgwhite{background:rgba(255, 255, 255, .9);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#000}.ip_img32 .roundBgW{height:30px;width:30px;left:-7px;position:absolute;top:-7px}.ip_img32 .roundBgWIn{height:24px;width:24px;position:absolute;left:-4px;top:-4px}.ip_img32 .roundBgWInner{height:20px;width:20px;position:absolute;left:-2px;top:-2px}.ip_img24 .roundBgW{height:56px;width:56px}.ip_img24 .roundBgWIn{height:44px;width:44px}.ip_img24 .roundBgWInner{height:34px;width:34px}.ip_bg24 .roundBgW{height:42px;width:42px}.ip_bg24 .roundBgWIn{height:34px;width:34px}.ip_bg24 .roundBgWInner{height:28px;width:28px}.roundBgW{border-radius:30px;position:absolute;animation:pulseW 1.5s 1s infinite alternate;-moz-animation:pulseW 1.5s 1s infinite alternate;-webkit-animation:pulseW 1.5s 1s infinite alternate;-o-animation:pulseW 1.5s 1s infinite alternate}.roundBgWIn{border-radius:30px;position:absolute;top:4px;left:4px;animation:pulseWIn 1.5s .5s infinite alternate;-moz-animation:pulseWIn 1.5s .5s infinite alternate;-webkit-animation:pulseWIn 1.5s .5s infinite alternate;-o-animation:pulseWIn 1.5s .5s infinite alternate}.roundBgWInner{border-radius:30px;position:absolute;top:7px;left:7px;animation:pulseWInner 1.5s infinite alternate;-moz-animation:pulseWInner 1.5s infinite alternate;-webkit-animation:pulseWInner 1.5s infinite alternate;-o-animation:pulseWInner 1.5s infinite alternate}@keyframes pulseW{from{background:rgba(255,255,255, 0)}to{background:rgba(255,255,255, .2)}}@-moz-keyframes pulseW /* Firefox */{from{background:rgba(255,255,255, 0)}to{background:rgba(255,255,255, .2)}}@-webkit-keyframes pulseW /* Safari and Chrome */{from{background:rgba(255,255,255, 0)}to{background:rgba(255,255,255, .2)}}@-o-keyframes pulseW /* Opera */{from{background:rgba(255,255,255, 0)}to{background:rgba(255,255,255, .2)}}@keyframes pulseWIn{from{background:rgba(255,255,255, 0)}to{background:rgba(255,255,255, .3)}}@-moz-keyframes pulseWIn /* Firefox */{from{background:rgba(255,255,255, 0)}to{background:rgba(255,255,255, .3)}}@-webkit-keyframes pulseWIn /* Safari and Chrome */{from{background:rgba(255,255,255, 0)}to{background:rgba(255,255,255, .3)}}@-o-keyframes pulseWIn /* Opera */{from{background:rgba(255,255,255, 0)}to{background:rgba(255,255,255, .3)}}@keyframes pulseWInner{from{background:rgba(255,255,255, 0)}to{background:rgba(255,255,255, .6)}}@-moz-keyframes pulseWInner /* Firefox */{from{background:rgba(255,255,255, 0)}to{background:rgba(255,255,255, .6)}}@-webkit-keyframes pulseWInner /* Safari and Chrome */{from{background:rgba(255,255,255, 0)}to{background:rgba(255,255,255, .6)}}@-o-keyframes pulseWInner /* Opera */{from{background:rgba(255,255,255, 0)}to{background:rgba(255,255,255, .6)}}.ip_img32 .roundBgB{height:30px;width:30px;left:-9px;position:absolute;top:-9px}.ip_img32 .roundBgBIn{height:42px;width:42px;position:absolute;left:-5px;top:-5px}.ip_img32 .roundBgBInner{height:36px;width:36px;position:absolute;left:-2px;top:-2px}.ip_img24 .roundBgB{height:56px;width:56px}.ip_img24 .roundBgBIn{height:44px;width:44px}.ip_img24 .roundBgBInner{height:34px;width:34px}.ip_bg24 .roundBgB{height:42px;width:42px}.ip_bg24 .roundBgBIn{height:34px;width:34px}.ip_bg24 .roundBgBInner{height:28px;width:28px}.roundBgB{border-radius:30px;position:absolute;animation:pulse 1.5s 1s infinite alternate;-moz-animation:pulseB 1.5s 1s infinite alternate;-webkit-animation:pulseB 1.5s 1s infinite alternate;-o-animation:pulseB 1.5s 1s infinite alternate}.roundBgBIn{border-radius:30px;position:absolute;top:4px;left:4px;animation:pulseBIn 1.5s .5s infinite alternate;-moz-animation:pulseBIn 1.5s .5s infinite alternate;-webkit-animation:pulseBIn 1.5s .5s infinite alternate;-o-animation:pulseBIn 1.5s .5s infinite alternate}.roundBgBInner{border-radius:30px;position:absolute;top:7px;left:7px;animation:pulseBInner 1.5s infinite alternate;-moz-animation:pulseBInner 1.5s infinite alternate;-webkit-animation:pulseBInner 1.5s infinite alternate;-o-animation:pulseBInner 1.5s infinite alternate}@keyframes pulseB{from{background:rgba(0,0,0, 0)}to{background:rgba(0,0,0, .2)}}@-moz-keyframes pulseB /* Firefox */{from{background:rgba(0,0,0, 0)}to{background:rgba(0,0,0, .2)}}@-webkit-keyframes pulseB /* Safari and Chrome */{from{background:rgba(0,0,0, 0)}to{background:rgba(0,0,0, .2)}}@-o-keyframes pulseB /* Opera */{from{background:rgba(0,0,0, 0)}to{background:rgba(0,0,0, .2)}}@keyframes pulseBIn{from{background:rgba(0,0,0, 0)}to{background:rgba(0,0,0, .3)}}@-moz-keyframes pulseBIn /* Firefox */{from{background:rgba(0,0,0, 0)}to{background:rgba(0,0,0, .3)}}@-webkit-keyframes pulseBIn /* Safari and Chrome */{from{background:rgba(0,0,0, 0)}to{background:rgba(0,0,0, .3)}}@-o-keyframes pulseBIn /* Opera */{from{background:rgba(0,0,0, 0)}to{background:rgba(0,0,0, .3)}
}@keyframes pulseBInner{from{background:rgba(0,0,0, 0)}to{background:rgba(0,0,0, .8)}}@-moz-keyframes pulseBInner /* Firefox */{from{background:rgba(0,0,0, 0)}to{background:rgba(0,0,0, .8)}}@-webkit-keyframes pulseBInner /* Safari and Chrome */{from{background:rgba(0,0,0, 0)}to{background:rgba(0,0,0, .8)}}@-o-keyframes pulseBInner /* Opera */{from{background:rgba(0,0,0, 0)}to{background:rgba(0,0,0, .8)}}.moregold{background:url("../images/moregold/button.png") no-repeat scroll left center transparent}.moregrey{background:url("../images/moregrey/button.png") no-repeat scroll left center transparent}.moreblack{background:url("../images/moreblack/button.png") no-repeat scroll left center transparent}.moredarkblue{background:url("../images/moredarkblue/button.png") no-repeat scroll left center transparent}.moreblue{background:url("../images/moreblue/button.png") no-repeat scroll left center transparent}.morelightblue{background:url("../images/morelightblue/button.png") no-repeat scroll left center transparent}.morelightblue2{background:url("../images/morelightblue2/button.png") no-repeat scroll left center transparent}.morewatergreen{background:url("../images/morewatergreen/button.png") no-repeat scroll left center transparent}.morelightgreen{background:url("../images/morelightgreen/button.png") no-repeat scroll left center transparent}.moregreen{background:url("../images/moregreen/button.png") no-repeat scroll left center transparent}.moreyellow{background:url("../images/moreyellow/button.png") no-repeat scroll left center transparent}.moreorange{background:url("../images/moreorange/button.png") no-repeat scroll left center transparent}.morered{background:url("../images/morered/button.png") no-repeat scroll left center transparent}.morepurple{background:url("../images/morepurple/button.png") no-repeat scroll left center transparent}.moreviolet{background:url("../images/moreviolet/button.png") no-repeat scroll left center transparent}.morelightviolet{background:url("../images/morelightviolet/button.png") no-repeat scroll left center transparent}.morefucsia{background:url("../images/morefucsia/button.png") no-repeat scroll left center transparent}.beadgold{background:url("../images/beadgold/button.png") no-repeat scroll left center transparent}.beadgrey{background:url("../images/beadgrey/button.png") no-repeat scroll left center transparent}.beadblack{background:url("../images/beadblack/button.png") no-repeat scroll left center transparent}.beaddarkblue{background:url("../images/beaddarkblue/button.png") no-repeat scroll left center transparent}.beadblue{background:url("../images/beadblue/button.png") no-repeat scroll left center transparent}.beadlightblue{background:url("../images/beadlightblue/button.png") no-repeat scroll left center transparent}.beadlightblue2{background:url("../images/beadlightblue2/button.png") no-repeat scroll left center transparent}.beadwatergreen{background:url("../images/beadwatergreen/button.png") no-repeat scroll left center transparent}.beadlightgreen{background:url("../images/beadlightgreen/button.png") no-repeat scroll left center transparent}.beadgreen{background:url("../images/beadgreen/button.png") no-repeat scroll left center transparent}.beadyellow{background:url("../images/beadyellow/button.png") no-repeat scroll left center transparent}.beadorange{background:url("../images/beadorange/button.png") no-repeat scroll left center transparent}.beadred{background:url("../images/beadred/button.png") no-repeat scroll left center transparent}.beadpurple{background:url("../images/beadpurple/button.png") no-repeat scroll left center transparent}.beadviolet{background:url("../images/beadviolet/button.png") no-repeat scroll left center transparent}.beadlightviolet{background:url("../images/beadlightviolet/button.png") no-repeat scroll left center transparent}.beadfucsia{background:url("../images/beadfucsia/button.png") no-repeat scroll left center transparent}.ipic-orange{background-image:linear-gradient(bottom, rgb(241,152,55) 8%, rgb(255,183,83) 54%);background-image:-o-linear-gradient(bottom, rgb(241,152,55) 8%, rgb(255,183,83) 54%);background-image:-moz-linear-gradient(bottom, rgb(241,152,55) 8%, rgb(255,183,83) 54%);background-image:-webkit-linear-gradient(bottom, rgb(241,152,55) 8%, rgb(255,183,83) 54%);background-image:-ms-linear-gradient(bottom, rgb(241,152,55) 8%, rgb(255,183,83) 54%);background-image:-webkit-gradient(
  linear,
  left bottom,
  left top,
  color-stop(0.08, rgb(241,152,55)),
  color-stop(0.54, rgb(255,183,83))
)}