@charset "utf-8";
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form,li,input{margin:0;padding:0;}
ul,ol{list-style: none;margin:0; padding:0;}
img{border:0;}
body{font-family: "宋体";font-size:14px;}
a{color:#003781;}
a:hover{color:#c00;}

.nav .navtext a,.nav .navwifi a,.diy .level,.save a.btn{background: url("../images/icon.gif") no-repeat;}

.main{width:520px;margin:0 auto;padding:10px;background: #afc3d0;height: 472px;overflow: hidden;}
.nav{zoom:1;position: relative;left:-1px;color:#4c4c4c;}
.nav:after,.limit:after,.fnbox:after,.diy:after,.inputdiv:after,.namecard:after,.namecardbig:after,.wifidiv:after,.footer:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.nav li{float:left;display: inline;}
.nav a{display: inline-block;background: url("../images/navbg.png") repeat-x;border-style: solid;border-width: 1px 0 1px 1px;border-color: #949ea6;width:73px;height: 28px;line-height: 28px;text-align: center;cursor: pointer;text-decoration: none;}
.nav a:hover,.nav a.hover{background-position: 0 -28px;border-top: 1px solid #4d4d4d;border-bottom: 1px solid #4d4d4d;border-left:1px solid #949ea6;color:#fff;font-weight: bold;}
.nav .navtext a,.nav .navtext a.hover,.nav .navtext a:hover,.nav .navwifi a,.nav .navwifi a:hover,.nav .navwifi a.hover{border:none;height: 30px;line-height: 30px;width:74px;}
.nav .navtext a{background-position: 0 0;}
.nav .navtext a:hover,.nav .navtext a.hover{background-position: 0 -32px;}
.nav .navwifi a{background-position: -75px 0;border-left:1px solid #949ea6;}
.nav .navwifi a:hover,.nav .navwifi a.hover{background-position: -75px -32px;border-left:1px solid #949ea6;}

.box{height: 170px;position: relative;overflow: hidden;}
.card{padding:7px 0;}
.card input{font-size:14px;}
.text{width:522px;border:1px solid #4d4d4d;width:508px;height: 118px;max-width: 508px;min-width: 508px;max-height: 118px;min-height: 118px;color:#222222;line-height: 20px;padding:5px;border-radius: 3px;}
.limit{height: 30px;line-height: 30px;overflow: hidden;zoom:1;color:#333;}
.limit p{float:right;display: inline;color:#de3838;font-size:12px;}
.intext{margin-top: 47px;width:508px;padding:7px 5px;border:1px solid #4d4d4d;border-radius: 3px;line-height: 14px;;height: 14px;}
.inputdiv{zoom:1;line-height: 30px;margin-bottom: 7px;}
.inputdiv label{float:left;display: inline;width:80px;}
.inputdiv label span{color:#de3838;font-size:14px;display: inline-block;padding-right:3px;}
.inputdiv .sms-right{float:left;}
.sms{width:425px;border:1px solid #4d4d4d;padding:8px 5px;border-radius: 3px;line-height: 14px;;height: 14px;}
.sms_sms{border:1px solid #4d4d4d;border-radius: 3px;padding:5px;width:425px;max-width: 425px;min-width: 425px;height: 70px;max-height: 70px;min-height: 70px;line-height: 20px;}
.namecard{zoom:1;}
.namecard li{float:left;display: inline;width:50%;line-height: 30px;margin-bottom: 7px;}
.namecard label{width:48px;float:left;display: inline;text-align: right;padding-right: 2px;}
.namecard .shorttext{float:left;display: inline;width:195px;padding:8px 5px;border-radius: 3px;border:1px solid #4d4d4d;line-height: 14px;;height: 14px;}
.namecard span{color:#de3838;font-size:14px;float:left;display: inline;padding-left:3px;}
.namecardbig{zoom:1;line-height: 32px;margin-bottom: 7px;}
.nomargin{margin:0;}
.namecardbig label{float:left;display: inline;line-height: 30px;width:48px;text-align: right;padding-right: 2px;}
.namecardbig .longtext{float:left;display: inline;width:456px;padding:8px 5px;border-radius: 3px;border:1px solid #4d4d4d;line-height: 14px;;height: 14px;}
.wifibox{margin-top: 25px;clear: both;}
.wifidiv{zoom:1;line-height: 32px;margin-bottom: 7px;}
.wifidiv label{float:left;display:inline;width:105px;text-align: right;}
.wifidiv .wifitext{float:left;display:inline;padding:8px 5px;border-radius: 3px;border:1px solid #4d4d4d;line-height: 14px;;height: 14px;width:400px;}
.wifidiv select{border:1px solid #4d4d4d;border-radius: 3px;width:410px;padding:5px;_margin-top: 5px;}

.fnbox{background: #d7e1e8;padding:20px 15px 5px 15px;border-radius: 5px;zoom:1;}
.pic{float:left;display:inline;border:1px solid #b3b3b3;text-align: center;width:220px;height: 220px;overflow: hidden;}
.options{float:left;display: inline;margin-left:20px;width:245px;}
.diy{zoom:1;height: 32px;line-height: 32px;padding:4px 0;vertical-align: middle;}
.relative{position: relative;z-index: 999;}
.diy select{vertical-align: middle;margin-top: 5px;}
.diy  label{float:left;display: inline;width:67px;}
.diy .colorPicker-picker{float:left;display: inline;border-radius: 5px;height: 30px;line-height: 30px;width:30px; padding: 0 !important; border: 1px solid #ccc;background: url(../images/arrow.gif) no-repeat bottom right;cursor: pointer; overflow: hidden;}
.iColorPicker{float:left;display:inline;width:60px;border:1px solid #ccc;margin:5px 0 0 5px;padding:3px;border-radius: 5px;}
.diy .level{float:left;display: inline;background-position: 0 -68px;width:76px;text-align: center;padding-right: 20px;color:#010101;text-decoration: none;font-size:12px;}
.levelul{position: absolute;top:33px;left:67px;width:94px;border-style:solid; border-width:0 1px 1px;border-color: #a7b3a7;background: #fff;text-align: center;font-size:12px;border-radius: 0 0 3px 3px;display: none;z-index: 9999;}
.levelul a{line-height: 24px;padding-right: 20px;display: block;position: relative;width:74px;text-decoration: none;font-size:12px;color:#010101;}
.levelul a:hover,.levelul a.hover{background: #9dcff0;}
.save{line-height: 37px;margin-top: 15px;}
.save span{color:green;font-size:12px;}
.save a{display: inline-block;color:#003781;font-size:12px;padding-right: 5px;}
.save a:hover{color:#c00;}
.save a.btn{background-position: 0 -106px;color:#fff;width: 87px;height: 37px;text-align: center;font-size:14px;text-decoration: none;}
.save a.btn:hover{text-decoration: none;color:#fff;}
.clear{clear: both;}
.footer{clear: both;text-align: center;line-height: 25px;color:#555;zoom:1;}
.footer a{color:#1c5990;padding:0 5px;text-decoration: none;font-size:12px;}
.footer a:hover{color:#c00;text-decoration: underline;}
.hide{overflow: hidden;display:none;}