c92a28
*{ margin: 0px; padding:0px;  list-style:none;}
body { font-family: Arial; font-size:12px;}

.main { width: 1120px; margin: 20px auto;}

.foot { clear: both; overflow: hidden;padding-top: 10px; padding-bottom: 10px; padding-left: 260px; padding-right: 110px;margin-top: 20px;height:60px; background:#000; color:#FFF}
.footlink a { display: block; float: left; margin-top:10px;border-right: 1px solid #000;  text-decoration:none;  color:#FFF }
.copyright { float:right; display: block;margin-top:25px;}
.left { width: 140px; position: fixed; text-align: right; }
.left .Series { font-weight:bold; font-size: 28px; color: #c92a28; line-height:40px; margin-bottom:20px; display:block;}
.left .Lang { width: 140px; margin-bottom:10px;}
.left .link { color: #c92a28;}
.left .link li { line-height: 35px; border: 1px solid #ccc; border-left: none; border-right:none; margin-top:-1px;font-size:13px;}
.left .link li a { text-decoration: none;}
.left .link li a:visited { color: blue;}
.left img { width: 140px; margin-top: 15px;}
.right { width: 960px; float: right;}

.menu { width: 960px; height: 35px;  background: #c92a28; display:block;}
.menu a { display:block; text-decoration:none; float: left;line-height: 35px; color:#FFF; width: 480px; text-indent: -20px ;
          font-family: 'Arial Bold', 'Arial';font-weight: 700;font-size:18px;}
/*.menu a:hover { background:#3300ff;}*/
.menu a.ConfigDevice { background-position: 20px 6px; background-repeat: no-repeat;}
.menu a.Use { background-image: url(/Content/images/use.png); background-position: 20px 6px; background-repeat: no-repeat;}
.menu a.Specifications { background-image: url(/Content/images/specifications.png); background-position: 20px 6px; background-repeat: no-repeat;}
.menu a.FAQs { background-image: url(/Content/images/faqs.png); background-position: 20px 6px; background-repeat: no-repeat;}

.right_content {  min-height: 500px; overflow: hidden;}

.devices { background:#EFEFEF; /*margin-top:25px; padding-bottom:20px;*/}
.devices h2 { color:#c92a28; font-size:14px; font-weight:bold; display:block; padding: 20px;}
.devices ul { overflow:hidden; margin-left:20px;}
.devices ul li { width:170px; height:195px; float:left; overflow:hidden; border:1px solid #EFEFEF; margin-right:10px;padding-bottom: 20px !important;}
.devices ul li:hover { border:1px solid #c92a28; border-radius:5px; }
.devices ul li div { width:170px; height:160px;      /*非IE的主流浏览器识别的垂直居中的方法*/
     display: table-cell;
     vertical-align:middle;  
     /*设置水平居中*/
     text-align:center;
     /* 针对IE的Hack */
     *display: block;
     *font-size:175px;/*约为高度的0.873，200*0.873 约为175*/
     *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
}
.devices ul li div img { max-height: 140px;  vertical-align: middle; }
.devices ul li p { display: block; text-align: center; line-height:30px; font-size:15px; color:#999; border-top:1px solid #EFEFEF;}
.devices ul li:hover p { color:#c92a28; border-top:1px solid #c92a28;}
.devices ul li.selected { border:1px solid #3399ff; border-radius:5px; background:#FFF; }
.devices ul li.selected p { color:#3399ff; border-top:1px solid #3399ff;}

.devicesTarget { background:#EFEFEF; }
.devicesTarget ul { overflow:hidden;margin-left:20px; padding-top:5px; padding-bottom: 15px;}
.devicesTarget ul li { width:170px; height:20px; float:left; overflow:hidden; border:1px solid #EFEFEF; text-align: center; margin-right:10px;}

.configstart { font-weight:bold; font-size:14px; display:block; margin-top:45px; margin-bottom: 10px;}
.configstart b { color: #c92a28;}

.Expand { border: 1px solid #CCC; border-left:none; border-right:none; padding-top:10px; padding-bottom: 10px; margin-bottom: -1px; overflow:hidden;}
.Expand2 { border-left:none; border-right:none; padding-top:10px; padding-bottom: 10px; margin-bottom: -1px; overflow:hidden;}
.Expand img { vertical-align: middle; margin-right: 3px;}
.ExpandLeft { width: 240px; float:left; min-height: 30px; line-height: 30px; font-weight: bold;}
.ExpandRight { float: left; min-height: 30px; width: 720px; }
.ExpandInput { display: block; width: 690px; height: 25px; float: left;}
.ExpandRight textarea {width: 691px; height: 35px; }
.ExpandTable tr { line-height: 30px;}
.AlarmTable { width: 960px; display: none; border-collapse: collapse;  margin-top: 10px; }
.AlarmTable tr { line-height: 30px; text-indent: 20px; border-bottom: 1px solid #FFF;}
.AlarmTable input[type=text] { text-align:center;}
.AlarmTable img { margin-top: -4px;}
.submit { margin-top: 20px; clear: both; margin-bottom:20px; overflow:hidden; border: none;}
.ValidImage {display:block; float:left; width: 64px; height: 30px; display:block; cursor: pointer;}

#tempMin, #tempMax { width: 40px; height: 16px; text-align: center;}
#autoStartTime { height: 19px; width: 106px;}
.configed { background: #c92a28; color: #FFF; width: 720px; height: 30px; text-align:center; line-height: 30px; border:none; cursor: pointer;}
.downloading {background: #33cc00; color: #FFF; width: 720px; height: 30px; text-align:center; line-height: 30px; border:none; cursor: pointer;}
.downloadalart {background: #666; color: #FFF; width: 720px; height: 30px; text-align:center; line-height: 30px; border:none; cursor: pointer;}

#highlow,#multiple { margin-left: 20px;}

#Spcifications table { width: 100%; border-collapse: collapse;}
#Spcifications table tr { line-height: 30px; border-bottom: 1px solid #EEE;}
#Spcifications table th { width: 300px; text-align: left; vertical-align: top}
#Spcifications li.name { font-weight: bold;}
.sleft { width:240px; float:left; overflow: hidden;}
.sleft img { display: block; float:left;} 
.sleft input { display:block; float:left; margin-left: 10px;}
.sright { width: 720px; float:left;}
.config_inform { width: 708px; border:1px solid #000; margin-top: 10px; padding: 5px; overflow: hidden;}
.config_inform img { display: block; float: left;}
.alarmtip { float:left; margin-left: 5px;}
.alarmtip p { line-height: 17px; font-weight:bold;}
.alarmtip p b{ text-decoration: underline;}
.tips1 { width: 720px; margin:10px 0; }
.tips2 { }

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px;}
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui_tpicker_hour_label,.ui_tpicker_minute_label,.ui_tpicker_second_label,.ui_tpicker_millisec_label,.ui_tpicker_time_label{padding-left:20px}


.how2use ul li { list-style-type:disc; list-style-position: inside}
/*alpha device owen .how2use div { padding-top:10px;padding-bottom:10px;}*/
.how2use p ,.how2use ul { padding:10px 0px;}


.Manual { width: 920px; background:#f1f1f1; padding: 20px; margin-top: 26px;}
.Manual li { line-height: 30px; list-style-image:url(/content/images/u38.png); list-style-position:inside}
.Manual a { color: #000; text-decoration: none;}
.Manual a:hover { text-decoration: underline}
.Manual a:visited { color:#000;}

#ConditionErrorImageMin, #ConditionErrorImage { margin-top: -3px;}

label { line-height: 18px; height: 18px; overflow: hidden; display: block; float: left; text-indent: 5px;}
label input { float: left; margin-top: 2px;}
#MultipleAlarmPanel label { margin-left: 15px;}
#HighLowAlarmPanel label { margin-left: 15px;}

.box {
    width: 100%;
    margin: 0rem auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.box-items {
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}

.flex-1 {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}

.pwd-control input.select{color: #000}

.pwd-control {
    /*padding: 1rem 0 2.5rem;*/
    padding: 1rem 1.5rem;
    text-align: center;
}

.pwd-control .item {
    margin: 0 0.1rem;
    position: relative;
}

.pwd-control .item.circle:after {
        content: "";
        width: 8px;
        height: 8px;
        background: #000;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -4px;
        margin-left: -4px;
    }

.pwd-control .normal input {
    color: #000;
}

.pwd-control input {
    display: block;
    width: inherit;
    border-radius: 3px;
    text-align: center;
    border: 1px solid #ccc;
    width: 100%;
    color: #000;
    line-height: 35px;
}

    .pwd-control input:focus {
        box-shadow: 0px 0px 20px #c79f62;
    }

.pwd-control .box {
    padding: 0rem;
}