html,body,div,ul,ol,li,dl,dd,h1,h2,h3,h4,h5,h6,p,td,th,b,i,u,strong,em,form,fieldset,input,select,textarea {margin:0;padding:0;font-size:12px;font-family:Verdana,Arial,Helvetica,sans-serif,"宋体";color:#273337;}
html {height:100%;width:100%;background:white;}
body {background-color:white;height:100%}
/*{behavior:url(/media/styles/iepngfix.htc);}*/
a {color:#1F6098;text-decoration:none;font-size:12px;}
a:hover {text-decoration:underline;}
ul,ol {list-style:none;}
img,fieldset {border:0;}
img.code {width:76px;height:23px;margin:0 0 -6px 0;+margin-bottom:-4px;background:#ced5d7;}
.hide {display:none!important;}
.show {display;}
.right {text-align:right;}
.left {text-align:left;}
.center {text-align:center;}
.float_right {float:right;}
.float_left {float:left;}
.middle {vertical-align:middle;}
.big {font-size:14px;}
.line {height:0;overflow:hidden;border-top:1px solid #BFC0C3;border-bottom:1px solid #FDFEFE;margin:8px 0;}
.line_top {border-top:1px solid #BFC0C3;}
.line_bottom {border-bottom:1px solid #BFC0C3;}
.note {color:#919191;}
.must {color:#D00101;}
.error,.errormsg,.error a,.errorlist li {color:#D00101!important;}
.marked {color:#1C7400!important;}
.low {color:#268003!important;}
.medium {color:#CD5C00!important;}
.high {color:#D00101!important;}
.opacity {filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.unoverflow {overflow:hidden;position:relative;width:100%;}
.space_line {line-height:8px;}
/* Message Box */
.message {border:1px solid #BAC4C5;background:white;margin:2px 0 8px 0;line-height:18px;padding:8px 6px;overflow:hidden;zoom:1;}
.message.short {width:500px;margin-left:auto;margin-right:auto;}
.message .cmn_btn {margin:9px 0 0 0;}
.message em.float_right {font-style:normal;margin:-37px 23px 0 0;}
.message .break {padding:0 10px;}
/* Results Box */
.results {width:400px;margin:10% auto;position:relative;left:53px;}
.results b.ico {position:absolute!important;margin-left:-102px;}
.results b.ico.success,.results b.ico.fail,.results b.ico.info,.results b.ico.alert {margin-left:-82px;}
.results strong {font-size:18px;margin-right:10px;}
.results .cmn_btn {float:right;}
/* Icon And Layout ---*/
.ico,.hd .bar,.mqtt,span.cmn_btn,span.cmn_btn input,span.cmn_btn button,span.cmn_btn a,.text,.menu .on,.hd .bar p,#dialog .close,.earth,.bg_line,.gotop {background:url(../images/layout.png) repeat-x;}
.ico {background-repeat:no-repeat;height:16px;width:16px;}
.ico.low {background-position:-80px -442px;}
.ico.medium {background-position:-96px -441px;}
.ico.high {background-position:-112px -442px;}

/* Png24 */
.ico.logo,.ico.pass,.ico.safe,.ico.danger,.ico.scan,.ico.validate,.ico.buy,.ico.success,.ico.success_check,.ico.fail_check,.ico.fail,.ico.info,.ico.alert {height:49px;font-size:49px;width:53px;padding:0;display:-moz-inline-box;-moz-box-align:center;display:inline-block;-font-size:42px;background-image:url(../images/ico.png);-behavior:url(/styles/iepngfix.htc);}
.ico.logo {height:37px;font-size:37px;width:114px;}
.ico.success,.ico.fail,.ico.info,.ico.alert {background-position:0 -333px;height:60px;font-size:60px;width:60px;}

.bg_line {background-position:0 -1102px;}
/* Middle Align */
.ico.tip,.ico.right_big,.ico.download,.ico.num_1,.ico.num_2,.ico.num_3,.ico.back,.ico.send,.ico.save,.ico.low,.ico.medium,.ico.high,.ico.view,.ico.bill99,.ico.alipay,.ico.right_small,.ico.wrong_big {vertical-align:middle;}
/* Cursor Pointer */
.hd .ico.logo,.ico.add,.ico.delete,a:hover .ico.exit,.ico.exit,a .ico.account,a .ico.service,a .ico.help,a .ico.website,a .ico.buy,a .ico.scan,a .ico.validate,a .ico.safe,a .ico.danger,.ico.view,.ico.view2 {cursor:pointer;}
/* Button */
.button {text-decoration:none;border:1px solid #BAC4C5;background:#E0E4E5;padding:5px;}
.button a {text-decoration:underline;color:#445860;}
.button em {font-style:normal;}
span.cmn_btn {background-position:0 -317px;padding:0 0 0 2px;+vertical-align:top;display:-moz-inline-box;display:inline-block;}
span.cmn_btn.important {background-position:0 -510px;}
span.cmn_btn input,span.cmn_btn button {border:none;overflow:visible;background-position:right -317px;height:26px;margin:0;padding:0 10px 2px 8px;+padding:1px 10px 0 8px;font:normal normal 12px/26px "Arial","宋体";outline:none;color:white;cursor:pointer;}
span.cmn_btn.important input,span.cmn_btn.important button {background-position:right -510px;}
span.cmn_btn a {text-decoration:none!important;background-position:right -317px;display:inline-block;color:white;font:normal normal 12px/26px "Arial","宋体";height:26px;margin:0;white-space:nowrap;padding:0px 13px 3px 11px;+padding:3px 10px 1px 8px;+line-height:22px;-padding-bottom:3px;-height:19px;}
span.cmn_btn.important a {background-position:right -510px;}
span.cmn_btn.big input,span.cmn_btn.big button {padding:0 18px 2px 16px;+padding:1px 18px 0 16px;}
span.cmn_btn.big a {padding:0px 21px 3px 19px;+padding:3px 18px 1px 16px;-padding-bottom:3px;}
/* Login Page --------*/
.login {width:875px;height:330px;position:absolute;overflow:visible;top:50%;left:50%;margin:-200px 0 0 -437px;}
.mqtt {background-position:0 -300px;height:18px;width:154px;margin:0 0 17px 0;overflow:hidden;}
.mqtt a {display:block;width:120px;text-indent:-1000px;}
.mqtt h1 {display:none;}
.login .introduce {background:url(../images/m2mBridge.PNG);width:562px;height:315px;float:left;border-bottom:1px solid #ABB0B2;overflow:hidden;}
.login .content {background:#AEEFFF;width:306px;height:315px;float:right;border-bottom:1px solid #B8B8B8;}
.login .content .logo {margin:14px 0 0 16px;}
.login .content form {padding:0px 0 0 41px;width:225px;position:relative;}
.login .content p {height:27px;line-height:27px;}
.login .content p .forget {position:absolute;right:0;}
.login .content p .text {width:218px;}
.login .content p input {color:#273337;}
.login .content p label {position:absolute;margin:-2px 0 0 5px;+margin-top:0px;color:#CDCDCD;cursor:text;}
.login .content p label.checkbox {margin:0;cursor:default;color:#273337;}
.login .content .line {margin:12px 0;font-size:0;line-height:0}
.login .content input{vertical-align:middle;}
.login .content label{padding-left:3px;}
.login .content .error {width:170px;line-height:18px;text-align:right; padding-left:30px;}


.login_captcha {width:775px;height:600px;position:absolute;overflow:visible;top:50%;left:50%;margin:-200px 0 0 -437px;}
.mqtt {background-position:0 -300px;height:18px;width:154px;margin:0 0 17px 0;overflow:hidden;}
.mqtt a {width:120px;text-indent:-1000px;}
.mqtt h1 {}
p.header {background-color:#C1CDCD; padding: 8px;}


.login_captcha .content form {padding:0px 0 0 41px;width:225px;position:relative;}
.login_captcha .content p label {position:relative;top:5px;}
.login_captcha .content p input {position:absolute;left:150px;}
#recaptcha_widget_div {position:relative;left:100px;}

.login_captcha .content input{vertical-align:middle;}
.login_captcha .content label{position:relative;vertical-align:middle;}

.ft {}

/* Home Page ---------*/
div.home {overflow:visible;min-height:100%;_height:100%;width:980px;margin:0 auto;background:url(../images/bg_line.gif) white repeat-y;position:relative;min-height:100%;zoom:1}
div.subpage {height:auto;width:980px;margin:0 auto;background:none;position:relative;overflow:visible;}
/* Header */
.hd {background:white;overflow:hidden;padding:17px 0 0 0;}
.hd .mqtt {margin:0 0 17px 0;}
.hd .mqtt .more {position:absolute;top:15px;right:0;white-space:nowrap }
.hd .mqtt .more a {display:inline!important;text-indent:0;width:auto;color:#425258;}
.hd .bar {background-position:0 -250px;height:49px;position:relative; overflow:hidden}
.hd .bar div.home {background-position:0 -540px;background-repeat:no-repeat;padding:6px 0 0 6px;position: relative;}
.hd .bar div.home .ico {margin:6px 0 0 6px;}
.hd .bar div.cont {position:absolute;top:0;right:0;padding:2px 5px 0 0;font-size:10px;background-position:right -585px;background-repeat:no-repeat;}
.hd .bar div.cont a {text-decoration:none;color:#43565d;line-height:20px;zoom:1;}
.hd .bar div.cont a:hover {color:red;}
/* Process Bar */
.hd .bar div.cont .process {text-decoration:none;color:#43565d;line-height:20px;width:280px;margin:10px 0 0 0;z-index:1;background:none;position:relative;}
.hd .bar div.cont .process li {float:left;display:inline;padding:14px 0 0 0;margin-left:8px; list-style:none;width:106px;}
.hd .bar div.cont .process li .ico {position:absolute;margin:-15px 0 0 0;+margin-top:-17px;}
.hd .bar div.cont .process li.end {float:left;width:30px;}
.hd .bar div.cont .process h2 {position:absolute;background:#768c96;width:255px;height:3px;left:7px;top:6px;z-index:-1;text-indent:-100px;overflow:hidden;}

/* Body */
.bd {margin:13px 0 31px 5px;padding:0 0 13px 0;position:relative; overflow:hidden;zoom:1;}
body.subpage .bd {background:#EEEFF0;margin:0;border-bottom:1px solid #ABB0B2;width:100%;}
.bd iframe {width:100%;height:500px;}
/* Register */
.bd.rg h2 {display:none;}
.bd.rg .note {color:#556C74;}
.bd.rg .cmn_form table {float:left;width:430px;line-height:25px;margin:22px 0 0 22px;display:inline;}
.bd.rg .cmn_form table .text {width:262px;margin:0 1ex 0 0;}
.bd.rg .cmn_form table input[type=text],.bd.rg .cmn_form table input[type=password] {width:262px;margin:0 1ex 0 0;}
.bd.rg .cmn_form table .text.short {width:94px;}
.bd.rg .cmn_form table .line {width:269px;margin:7px 0;}
.bd.rg .box {border:2px solid #C6CED1;background:white;width:473px;height:345px;overflow:auto;padding:30px 0 0 0;margin:22px 22px 0 0;float:right;display:inline;}
.bd.rg .box h3 {:10px;position:absolute;top:14px;right:30px;width:448px;padding:5px 0;margin:10px 10px 0 0;background:white;}
.bd.rg .box p {margin:0 10px 10px 10px;}
.bd.rg .cmn_form .btn_bar {float:right;clear:right;width:473px;margin:15px 22px 10px 0;display:inline;}
.bd.rg .cmn_form .btn_bar .cmn_btn {float:right;}