body{
font-size:12px;
background:url(/images/body-bg.png) repeat-x left top;
background-color: #89898b;
}
/***********header{**************/
#header{
width:1002px;
margin: 0 auto;
height: 75px;
}
.header-title{
width:100%;
height:25px;
overflow:hidden;
}
.header-infos{
height: inherit;
width:251px;
float: right;
margin-right:10px;
line-height:25px;
background: url(/images/header-infos-bg.png) no-repeat left top;
overflow: hidden;
}
.header-close{
height: inherit;
width:73px;
float: right;
line-height:25px;
background: url(/images/header-close-bg.png) no-repeat left top;
}
.header-btns a{
display:block;
color: #d2d2d2;
width:100%;
}
.header-close a{
padding-left:40px;
background: url(/images/header-close-btn.png) no-repeat 14px center;
}
.header-help{
height: inherit;
width:103px;
float: right;
line-height:25px;
background: url(/images/header-close-bg-en.png) no-repeat left top;
}
.header-help a{
padding-left:40px;
background: url(/images/header-help-btn.png) no-repeat 14px center;
}
.header-btns a:hover{
color: #fff;
width:100%;
}
.infos-time {
background: url("/images/header_info_time.png") no-repeat scroll center top transparent;
margin-right: 9px;
text-align: center;
width: 139px;
line-height: 25px;
color: #D2D2D2;
}
.infos-admin{
float: left;
/* width:96px; */
margin-left:12px;
color: #d2d2d2;
width:74px;
}
.infos-logout{
float: left;
width: 40px;
margin-left:2px;
}
.infos-logout a{
background: url(/images/header-logout-btn.png) no-repeat left center;
padding-left:24px;
}
.infos-help{
float:left;
width:52px;
/* margin-left:8px; */
margin-left:20px;
}
.infos-help a{
background: url(/images/header-help-btn.png) no-repeat left center;
padding-left:22px;
}
.infos-about{
background:url(/images/title-line.png) no-repeat left center;
text-align:center;
width:40px;
margin-left:6px;
float:left;
}
.infos-about a{
padding-left: 2px;
}
.logo{
width:350px;
height: 42px;
background: url(/images/logo-cn.png) no-repeat left top;
padding-left: 229px;
line-height: 42px;
vertical-align: middle;
overflow: hidden;
float: left;
margin-top: 7px;
margin-left: 28px;
}
.version {
width:40px;
color: white;
font-size: 10px;
height:20px;
line-height:16px;
text-align:center;
margin-top: 1px;
float: left;
background: url(/images/version.png) no-repeat center center;
}
.header-admin-pic{
margin-left:2px;
float: left;
}
.header-admin-pic img{
margin:10px 0 0 5px;
height:19px;
width:19px;
float: left;
}
.hosted-info{
margin-top:15px;
float: left;
height: 27px;
line-height: 27px;
width:120px;
text-align:center;
background: url(/images/host-info-bg.png) no-repeat left center;
}
.report-status{
color:red;
margin:22px 12px 0 0;
float: right;
}
.report-status img{
vertical-align: middle;
}
.report-status a{
color:rgb(208 138 68);
}
/***********header}**************/
/***********main{**************/
#main{
width:1002px;
margin: 0 auto;
/**height:650px;**/
}
.box-header{
width: 100%;
height: 6px;
background: url(/images/box-header-bg.png) no-repeat left top;
}
.box-main{
width: 1000px;
border-left: solid 1px #b5bbc3;
border-right: solid 1px #b5bbc3;
overflow: hidden;
}
.box-main-h628{
height: 628px;
}
.box-menu{
width:209px;
height:628px;
float: left;
background-color: #ebebeb;
border-right: solid 1px #b5bbc3;
}
.box-contents{
width:790px;
height:628px;
float: left;
}
.box-contents-checklicence{
width: 1000px;
height:628px;
}
.box-footer{
width:100%;
height:14px;
background: url(/images/box-footer-bg.png) no-repeat left top;
}
/*menu{*/
.nav-item{
width:209px;
font-size:18px;
}
.nav-item-title{
height: 45px;
line-height: 45px;
}
.nav-item-title a{
display:block;
padding-left:20px;
color:#3c4044;
}
.nav-item-title a:hover{
background-color: #dfdfdf;
}
.nav-item-a{
height: 45px;
line-height: 45px;
background: url(/images/menu-expand-n.png) no-repeat 177px center;
}
.nav-item-a img{
width:23px;
height:23px;
margin-right:9px;
vertical-align:middle
}
.nav-item-a2{
height: 45px;
line-height: 45px;
}
.nav-item-a2 img{
width:23px;
height:23px;
margin-right:9px;
vertical-align:middle
}
.nav-item .nav-item-selected a{
color: #fff;
background-color: #41bbef;
}
.nav-item-line{
height:1px;
background: url(/images/nav-item-line.png) no-repeat center center;
}
.nav-item-sub{
display: none;
background-color:#d4d4d4;
font-size:14px;
}
.nav-expanded .nav-item-a{
background: url(/images/menu-expand-d.png) no-repeat 177px center;
}
.nav-expanded .nav-item-line{
height: 0px;
}
.nav-expanded .nav-item-sub{
display: block;
}
.nav-item-sub-title{
width:inherit;
height:38px;
line-height: 38px;
}
.nav-item-sub-title a{
display: block;
padding-left:71px;
color: #66696d;
}
.nav-item-sub-top{
background: url(/images/nav-expand-top.png) no-repeat left top;
}
.nav-item-sub-bottom{
background: url(/images/nav-expand-bottom.png) no-repeat left 30px;
}
/**resource**/
.nav-res-all a{
background: url(/images/nav-res-all-n.png) no-repeat 40px center;
}
.nav-res-has a{
background: url(/images/nav-res-has-n.png) no-repeat 40px center;
}
.nav-res-wait a{
background: url(/images/nav-res-wait-n.png) no-repeat 40px center;
}
.nav-res-stop a{
background: url(/images/nav-res-stop-n.png) no-repeat 40px center;
}
/**resource**/
/**program**/
.nav-pro-all a{
background: url(/images/nav-pro-all-n.png) no-repeat 40px center;
}
.nav-pro-pub a{
background: url(/images/nav-pro-pub-n.png) no-repeat 40px center;
}
.nav-pro-unpub a{
background: url(/images/nav-pro-unpub-n.png) no-repeat 40px center;
}
/**program**/
/**status**/
.nav-sta-status a{
background: url(/images/nav-sta-status-n.png) no-repeat 40px center;
}
.nav-sta-count a{
background: url(/images/nav-sta-count-n.png) no-repeat 40px center;
}
/**system**/
.nav-sys-pwd a{
background: url(/images/nav-sys-pwd-n.png) no-repeat 40px center;
}
.nav-sys-net a{
background: url(/images/nav-sys-net-n.png) no-repeat 40px center;
}
.nav-sys-log a{
background: url(/images/nav-sys-log-n.png) no-repeat 40px center;
}
.nav-sys-info a{
background: url(/images/nav-sys-info-n.png) no-repeat 40px center;
}
.nav-sys-shift a{
background: url(/images/nav-sys-shift-n.png) no-repeat 40px center;
}
.nav-sys-security a{
background: url(/images/sercu-n.png) no-repeat 40px center;
}
.nav-sys-settings a{
background: url(/images/nav-sys-settings-n.png) no-repeat 40px center;
}
.nav-sys-node a{
background: url(/images/nav-sys-node-n.png) no-repeat 40px center;
}
.nav-sys-authorized a{
background: url(/images/nav-sys-authorized-n.png) no-repeat 40px center;
}
/**system**/
.nav-item-sub-title a:hover{
background-color:#dfdfdf;
}
/**resource**/
.nav-item-sub .res-all-selected a{
background: url(/images/nav-res-all-d.png) no-repeat 40px center ;
}
.nav-item-sub .res-has-selected a{
background: url(/images/nav-res-has-d.png) no-repeat 40px center;
}
.nav-item-sub .res-wait-selected a{
background: url(/images/nav-res-wait-d.png) no-repeat 40px center;
}
.nav-item-sub .res-stop-selected a{
background: url(/images/nav-res-stop-d.png) no-repeat 40px center;
}
/**resource**/
/**program**/
.nav-item-sub .pro-all-selected a{
background: url(/images/nav-pro-all-d.png) no-repeat 40px center;
}
.nav-item-sub .pro-pub-selected a{
background: url(/images/nav-pro-pub-d.png) no-repeat 40px center;
}
.nav-item-sub .pro-unpub-selected a{
background: url(/images/nav-pro-unpub-d.png) no-repeat 40px center;
}
/**program**/
/**status**/
.nav-item-sub .sta-status-selected a{
background: url(/images/nav-sta-status-d.png) no-repeat 40px center;
}
.nav-item-sub .sta-count-selected a{
background: url(/images/nav-sta-count-d.png) no-repeat 40px center;
}
/**status**/
/**system**/
.nav-item-sub .sys-pwd-selected a{
background: url(/images/nav-sys-pwd-d.png) no-repeat 40px center;
}
.nav-item-sub .sys-net-selected a{
background: url(/images/nav-sys-net-d.png) no-repeat 40px center;
}
.nav-item-sub .sys-log-selected a{
background: url(/images/nav-sys-log-d.png) no-repeat 40px center;
}
.nav-item-sub .sys-info-selected a{
background: url(/images/nav-sys-info-d.png) no-repeat 40px center;
}
.nav-item-sub .sys-security-selected a{
background: url(/images/sercu-d.png) no-repeat 40px center;
}
.nav-item-sub .sys-shift-selected a{
background: url(/images/nav-sys-shift-d.png) no-repeat 40px center;
}
.nav-item-sub .sys-node-selected a{
background: url(/images/nav-sys-node-d.png) no-repeat 40px center;
}
.nav-item-sub .sys-settings-selected a{
background: url(/images/nav-sys-settings-d.png) no-repeat 40px center;
}
.nav-item-sub .sys-authorized-selected a{
background: url(/images/nav-sys-authorized-d.png) no-repeat 40px center;
}
/**system**/
.nav-item-sub .nav-item-sub-selected a{
color: #fff;
background-color: #41bbef;
}
/*menu}*/
/***********main}**************/
/***********footer{**************/
#footer{
height:25px;
width:100%;
text-align:center;
color: #4c4e4e;
line-height: 25px;
}
/***********footer}**************/
/***********page{**************/
.page-wrap{
padding-left:13px;
text-align: center;
padding-top:3px;
}
.page-wrap span{
float:left;
text-align: center;
}
.page-wrap:before,.page-wrap:after{
content:"";
display:table;
}
.page-wrap:after{
clear:both;
}
.page-wrap{
zoom:1;
}
.page-el{
margin:5px 8px 0 2px;
text-align: center;
}
.page-el a{
display:inline-block;
width:25px;
height:19px;
line-height:19px;
color:#727c7b;
text-decoration:none;
background: url(../../images/page-num-n.png) no-repeat center center;
}
.page-el a:hover{
color:#fff;
background: url(../../images/page-num-d.png) no-repeat center center;
}
.page-el input[type='text']{
width: 24px;
margin-top: -10px;
margin-right: 4px;
}
.page-current{
font-size:12px;
font-weight:bold;
color:#fff;
width:25px;
height:19px;
line-height:19px;
background: url(../../images/page-num-d.png) no-repeat center center;
}
.play{
margin-left: 10px;
}
.play a{
color: #646465;
text-decoration: none;
}
.page-prev a{
width:25px;
height:19px;
background: url(../../images/page-left-n.png) no-repeat center center;
}
.page-prev a:hover{
background: url(../../images/page-left-d.png) no-repeat center center;
}
.page-next a{
width:25px;
height:19px;
background: url(../../images/page-right-n.png) no-repeat center center;
}
.page-next a:hover{
background: url(../../images/page-right-d.png) no-repeat center center;
}
/***********page}**************/
/***********button}**************/
.all-btn a{
width:75px;
height:32px;
display: block;
text-align: center;
line-height: 32px;
font-size:14px;
vertical-align:middle;
margin-top:10px;
background: url(../../images/btn-bg.png) no-repeat center center;
color: #767779;
}
.all-btn a:hover{
background: url(../../images/btn-bg-d.png) no-repeat center center;
color: #fff;
}
.all-quit{
float:right;
margin-left:16px;
}
.all-next{
float:right;
}
.all-up{float:right;margin-right:16px;}
/***
*
*/
/***********button}**************/
/***********win{**************/
.win-inner{
border: solid 5px #a2a2a2;
width:100%;
background-color: #F8F8F8;
color: #5a5a5a;
}
.win-hidder{
visibility: hidden;
left: -1000px;
top: -1000px;
}
.win-header{
line-height: 40px;
padding-left: 17px;
font-size: 16px;
color:#fff;
height: 41px;
}
.win-header a{
width:12px;
height:41px;
float: right;
margin-right:16px;
background: url(/images/close-btn-n.png) no-repeat center center;
}
.win-header a:hover{
background: url(/images/close-btn-d.png) no-repeat center center;
}
.win-footer{
height:50px;
margin:0px auto;
}
/*small*/
.small-win{
width:485px;
height:217px;
position: absolute;
}
.small-win-header{
background: url(/images/small-win-header-bg.png) no-repeat center center;
}
.small-win-contents{
width:485px;
height:127px;
background-color: #f5f5f5;
}
.small-win-title{
height:48px;
background: url(../../images/mark.png) no-repeat 20px center;
background-color: #feecf3;
border-bottom: solid 1px #CFD2D4;
font-size: 16px;
line-height: 48px;
padding-left:67px;
color: #b43a69;
}
.small-win-detail{
height:55px;
background-color: #f5f5f5;
border-bottom: solid 1px #CFD2D4;
font-size:12px;
padding-top:23px;
padding-left:47px;
}
.small-win-footer{
padding-right:16px;
background: url(/images/small-win-footer-bg.png) no-repeat center center;
}
/*middle*/
.middle-win{
width:725px;
height:500px;
position: absolute;
}
/*big*/
.big-win{
width:725px;
height:585px;
position: absolute;
}
.big-win-header{
background: url(../../images/big-win-header-bg.png) no-repeat center center;
}
.big-win-footer{
padding-right:33px;
background: url(../../images/big-win-footer-bg.png) no-repeat center center;
}
/***********win{**************/
/***********close-win{**************/
.close-restart-btns{
width:193px;
height:96px;
margin:0 auto;
overflow: hidden;
padding-top:31px;
}
.close-restart{
width:57px;
height:96px;
float:left;
}
.restart-btns{
margin-left:79px;
}
.close-restart a{
width:100%;
height:100%;
display: block;
text-align:center;
color:#414141;
font-size: 14px;
padding-top:57px;
overflow: hidden;
}
.close-btns a{
background: url(../../images/close-n.png) no-repeat center top;
}
.restart-btns a{
background: url(../../images/restart-n.png) no-repeat center top;
}
.close-btns a:hover{
background: url(../../images/close-d.png) no-repeat center top;
}
.restart-btns a:hover{
background: url(../../images/restart-d.png) no-repeat center top;
}
.restart-info{
font-size:16px;
color: red;
margin-left:200px;
}
/***********close-win}**************/
/****resource-program{****/
.box-contents-contents{
width:790px;
height:572px;
border-bottom: solid 1px #b5bbc3;
overflow: hidden;
color: #414141;
}
.box-contents-list{
width:572px;
height:100%;
float: left;
background-color: #e4e4e4;
z-index:1;
}
.contents-title{
width:554px;
}
.contents-title span{
float: right;
color: red;
padding-right:20px;
}
/**contents-table{**/
.contents-list{
width:572px;
height: 498px;
background-color: #fff;
}
.contents-list table{
width:572px;
font-size: 12px;
text-align: center;
}
.contents-list-th{
height:30px;
background-color: #d4d4d4;
border-bottom:solid 1px #b5bbc3;
line-height: 29px;
font-size: 14px;
overflow: hidden;
}
.contents-list-w191{
width:191px;
}
.contents-list-line{
background: url(/images/content-list-line.png) no-repeat right center;
}
.contents-list-tr,.contents-list-tr2{
height: 39px;
border-bottom:solid 1px #e4e4e4;
line-height: 36px;
background-color:#fff;
}
.tr-odd{
background-color: #f3f3f3;
}
.contents-list-tr-over{
background-color: #dddddd;
}
.contents-list-tr-selected{
background-color: #41bbef;
color: #fff;
}
.contents-status{
text-align: left;
padding-left:51px;
}
/**contents-table}**/
/**small-menu{**/
.box-contents-menu{
width:790px;
height:55px;
background-color: #d9dfe8;
}
.box-contents-menu ul li{
width:112.8px;
float: left;
height: 55px;
background: url(/images/bottom-nav-line.png) no-repeat right center;
}
.nav-able a{
display:block;
height: 21px;
padding-top:34px;
overflow: hidden;
text-align: center;
color:#414141;
}
.nav-able a:hover{
background-color: #bec9d3;
}
/*add,edit,delete*/
.add-able a{
background: url(/images/res-add-n.png) no-repeat center 8px;
}
#nav-list .add-disable a{
color:#b8b8b8;
cursor:default;
background: url(/images/res-add-x.png) no-repeat center 8px;
}
.mod-able a{
background: url(/images/res-mod-n.png) no-repeat center 8px;
}
#nav-list .mod-disable a{
color:#b8b8b8;
cursor:default;
background: url(/images/res-mod-x.png) no-repeat center 8px;
}
.del-able a{
background: url(/images/res-del-n.png) no-repeat center 8px;
}
#nav-list .del-disable a{
color:#b8b8b8;
cursor:default;
background: url(/images/res-del-x.png) no-repeat center 8px;
}
/**small-menu}**/
/**detail{**/
#stream-info li{
overflow-x: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.box-contents-detail{
width:217px;
height:100%;
float:left;
background-color: #ebebeb;
border-left: solid 1px #b5bbc3;
color:#66696d;
}
.detail-header{
height: 80px;
border-bottom: solid 1px #b5bbc3;
background-color: #dde5ef;
padding-left:13px;
}
.detai-header-title{
padding-top:17px;
font-size:24px;
color: #414141;
}
.detail-header-time{
margin-top:5px;
}
.detail-container{
width:192px;
height:inherit;
margin: 0 auto;
z-index: 1;
}
.detail-container ul li {
line-height: 17px;
}
.detail-img{
width:192px;
height: 126px;
margin-top:14px;
margin-bottom:14px;
}
/**detail}**/
/****resource-program}****/
/****common-container{****/
.common-container{
color: #414141;
background: #ffffff;
width: 100%;
height : 100%;
}
.common-container-title{
background: url(/images/status_module_title_bg.png) repeat-x;
border-bottom: 1px solid #bebec0;
font-size: 16px;
padding-left: 18px;
line-height: 39px;
overflow: hidden;
}
.common-container-box{
margin:16px auto 0 auto;
border:solid 1px #e4e4e4;
}
.common-container-w684{
width:684px;
}
.common-container-box-title{
height:31px;
background-color: #E6E6E6;
margin:4px auto 0px auto;
line-height: 30px;
padding-left:17px;
padding-right:17px;
color: #404040;
font-size: 14px;
border-bottom:solid 1px #CFD2D4;
font-size:14px;
overflow: hidden;
}
.common-container-box-title-w642px{
width:642px;
}
.common-container-box-contents{
background-color: #ebebeb;
margin: 0 auto;
padding-top:16px;
overflow: hidden;
}
/****common-container}****/
/*****************small win****************/
.small-win{
width:485px;
height:217px;
position: absolute;
color: #5a5a5a;
}
.close-restart-win{
visibility: hidden;
}
.about-win{
visibility: hidden;
}
.about-sewise {
width:200px;
height:130px;
background:url(/images/about-sewise.png) no-repeat top center;
margin-top:25px;
float:left;
}
.about-detail{
width:275px;
height:130px;
margin-top:15px;
float:left;
line-height:25px;
}
.about-foot-en{display:none;}
.about-foot{padding-top:10px;width:493px;text-align:center;}
.about-web{
color:#0c5683;
padding-top:3px;
margin-left:-15px;
}
.about-web a{
color:#0c5683;
}
.win-header{
line-height: 40px;
padding-left: 17px;
font-size: 16px;
color:#fff;
}
.small-win-header{
height: 41px;
background: url(/images/small-win-header-bg.png) no-repeat center center;
}
.win-header a{
width:12px;
height:41px;
float: right;
margin-right:16px;
background: url(/images/close-btn-n.png) no-repeat center center;
}
.win-header a:hover{
background: url(/images/close-btn-d.png) no-repeat center center;
}
.big-win-footer{
height:50px;
margin:0px auto;
padding-right:33px;
background: url(../../images/big-win-footer-bg.png) no-repeat center center;
}
.small-win-footer{
height:50px;
margin:0px auto;
padding-right:16px;
background: url(/images/small-win-footer-bg.png) no-repeat center center;
}
.about-win-footer{
height:57px;
border-top:1px solid #dfdfdf;
}
.small-win-contents{
width:485px;
height:127px;
background-color: #f5f5f5;
}
.close-restart-btns{
width:193px;
height:96px;
margin:0 auto;
overflow: hidden;
padding-top:31px;
}
.close-restart{
width:57px;
height:96px;
float:left;
}
.restart-btns{
margin-left:79px;
}
.close-restart a{
width:100%;
height:100%;
display: block;
text-align:center;
color:#414141;
font-size: 14px;
padding-top:57px;
overflow: hidden;
}
.close-btns a{
background: url(../../images/close-n.png) no-repeat center top;
}
.restart-btns a{
background: url(../../images/restart-n.png) no-repeat center top;
}
.close-btns a:hover{
background: url(../../images/close-d.png) no-repeat center top;
}
.restart-btns a:hover{
background: url(../../images/restart-d.png) no-repeat center top;
}
.restart-info{
font-size:16px;
color: red;
margin-left:200px;
}
.about-web a{color:#0c5683;}
/*****************small win****************/
body{
font-size:12px;
background:url(/images/body-bg.png) repeat-x left top;
background-color: #89898b;
}
/***********header{**************/
#header{
width:1002px;
margin: 0 auto;
height: 75px;
}
.header-title{
width:100%;
height:25px;
overflow:hidden;
}
.header-infos{
height: inherit;
width:251px;
float: right;
margin-right:10px;
line-height:25px;
background: url(/images/header-infos-bg.png) no-repeat left top;
overflow: hidden;
}
.header-close{
height: inherit;
width:73px;
float: right;
line-height:25px;
background: url(/images/header-close-bg.png) no-repeat left top;
}
.header-btns a{
display:block;
color: #d2d2d2;
width:100%;
}
.header-close a{
padding-left:40px;
background: url(/images/header-close-btn.png) no-repeat 14px center;
}
.header-help{
height: inherit;
width:103px;
float: right;
line-height:25px;
background: url(/images/header-close-bg-en.png) no-repeat left top;
}
.header-help a{
padding-left:40px;
background: url(/images/header-help-btn.png) no-repeat 14px center;
}
.header-btns a:hover{
color: #fff;
width:100%;
}
.infos-admin{
float: left;
/* width:96px; */
margin-left:12px;
color: #d2d2d2;
width:74px;
}
.infos-logout{
float: left;
width: 40px;
margin-left:2px;
}
.infos-logout a{
background: url(/images/header-logout-btn.png) no-repeat left center;
padding-left:24px;
}
.infos-help{
float:left;
width:52px;
/* margin-left:8px; */
margin-left:20px;
}
.infos-help a{
background: url(/images/header-help-btn.png) no-repeat left center;
padding-left:22px;
}
.infos-about{
background:url(/images/title-line.png) no-repeat left center;
text-align:center;
width:40px;
margin-left:6px;
float:left;
}
.infos-about a{
padding-left: 2px;
}
.logo{
width:350px;
height: 42px;
background: url(/images/logo-cn.png) no-repeat left top;
padding-left: 229px;
line-height: 42px;
vertical-align: middle;
overflow: hidden;
float: left;
margin-top: 7px;
margin-left: 28px;
}
.version {
width:40px;
color: white;
font-size: 10px;
height:20px;
line-height:16px;
text-align:center;
margin-top: 1px;
float: left;
background: url(/images/version.png) no-repeat center center;
}
.header-admin-pic{
margin-left:2px;
float: left;
}
.header-admin-pic img{
margin:10px 0 0 5px;
height:19px;
width:19px;
float: left;
}
.hosted-info{
margin-top:15px;
float: left;
height: 27px;
line-height: 27px;
width:120px;
text-align:center;
background: url(/images/host-info-bg.png) no-repeat left center;
}
.report-status{
color:red;
margin:22px 12px 0 0;
float: right;
}
.report-status img{
vertical-align: middle;
}
.report-status a{
color:rgb(208 138 68);
}
/***********header}**************/
/***********main{**************/
#main{
width:1002px;
margin: 0 auto;
/**height:650px;**/
}
.box-header{
width: 100%;
height: 6px;
background: url(/images/box-header-bg.png) no-repeat left top;
}
.box-main{
width: 1000px;
border-left: solid 1px #b5bbc3;
border-right: solid 1px #b5bbc3;
overflow: hidden;
}
.box-main-h628{
height: 628px;
}
.box-menu{
width:209px;
height:628px;
float: left;
background-color: #ebebeb;
border-right: solid 1px #b5bbc3;
}
.box-contents{
width:790px;
height:628px;
float: left;
}
.box-contents-checklicence{
width: 1000px;
height:628px;
}
.box-footer{
width:100%;
height:14px;
background: url(/images/box-footer-bg.png) no-repeat left top;
}
/*menu{*/
.nav-item{
width:209px;
font-size:18px;
}
.nav-item-title{
height: 45px;
line-height: 45px;
}
.nav-item-title a{
display:block;
padding-left:20px;
color:#3c4044;
}
.nav-item-title a:hover{
background-color: #dfdfdf;
}
.nav-item-a{
height: 45px;
line-height: 45px;
background: url(/images/menu-expand-n.png) no-repeat 177px center;
}
.nav-item-a img{
width:23px;
height:23px;
margin-right:9px;
vertical-align:middle
}
.nav-item-a2{
height: 45px;
line-height: 45px;
}
.nav-item-a2 img{
width:23px;
height:23px;
margin-right:9px;
vertical-align:middle
}
.nav-item .nav-item-selected a{
color: #fff;
background-color: #41bbef;
}
.nav-item-line{
height:1px;
background: url(/images/nav-item-line.png) no-repeat center center;
}
.nav-item-sub{
display: none;
background-color:#d4d4d4;
font-size:14px;
}
.nav-expanded .nav-item-a{
background: url(/images/menu-expand-d.png) no-repeat 177px center;
}
.nav-expanded .nav-item-line{
height: 0px;
}
.nav-expanded .nav-item-sub{
display: block;
}
.nav-item-sub-title{
width:inherit;
height:38px;
line-height: 38px;
}
.nav-item-sub-title a{
display: block;
padding-left:71px;
color: #66696d;
}
.nav-item-sub-top{
background: url(/images/nav-expand-top.png) no-repeat left top;
}
.nav-item-sub-bottom{
background: url(/images/nav-expand-bottom.png) no-repeat left 30px;
}
/**resource**/
.nav-res-all a{
background: url(/images/nav-res-all-n.png) no-repeat 40px center;
}
.nav-res-has a{
background: url(/images/nav-res-has-n.png) no-repeat 40px center;
}
.nav-res-wait a{
background: url(/images/nav-res-wait-n.png) no-repeat 40px center;
}
.nav-res-stop a{
background: url(/images/nav-res-stop-n.png) no-repeat 40px center;
}
/**resource**/
/**program**/
.nav-pro-all a{
background: url(/images/nav-pro-all-n.png) no-repeat 40px center;
}
.nav-pro-pub a{
background: url(/images/nav-pro-pub-n.png) no-repeat 40px center;
}
.nav-pro-unpub a{
background: url(/images/nav-pro-unpub-n.png) no-repeat 40px center;
}
/**program**/
/**status**/
.nav-sta-status a{
background: url(/images/nav-sta-status-n.png) no-repeat 40px center;
}
.nav-sta-count a{
background: url(/images/nav-sta-count-n.png) no-repeat 40px center;
}
/**system**/
.nav-sys-pwd a{
background: url(/images/nav-sys-pwd-n.png) no-repeat 40px center;
}
.nav-sys-net a{
background: url(/images/nav-sys-net-n.png) no-repeat 40px center;
}
.nav-sys-log a{
background: url(/images/nav-sys-log-n.png) no-repeat 40px center;
}
.nav-sys-info a{
background: url(/images/nav-sys-info-n.png) no-repeat 40px center;
}
.nav-sys-shift a{
background: url(/images/nav-sys-shift-n.png) no-repeat 40px center;
}
.nav-sys-settings a{
background: url(/images/nav-sys-settings-n.png) no-repeat 40px center;
}
.nav-sys-node a{
background: url(/images/nav-sys-node-n.png) no-repeat 40px center;
}
.nav-sys-authorized a{
background: url(/images/nav-sys-authorized-n.png) no-repeat 40px center;
}
/**system**/
.nav-item-sub-title a:hover{
background-color:#dfdfdf;
}
/**resource**/
.nav-item-sub .res-all-selected a{
background: url(/images/nav-res-all-d.png) no-repeat 40px center ;
}
.nav-item-sub .res-has-selected a{
background: url(/images/nav-res-has-d.png) no-repeat 40px center;
}
.nav-item-sub .res-wait-selected a{
background: url(/images/nav-res-wait-d.png) no-repeat 40px center;
}
.nav-item-sub .res-stop-selected a{
background: url(/images/nav-res-stop-d.png) no-repeat 40px center;
}
/**resource**/
/**program**/
.nav-item-sub .pro-all-selected a{
background: url(/images/nav-pro-all-d.png) no-repeat 40px center;
}
.nav-item-sub .pro-pub-selected a{
background: url(/images/nav-pro-pub-d.png) no-repeat 40px center;
}
.nav-item-sub .pro-unpub-selected a{
background: url(/images/nav-pro-unpub-d.png) no-repeat 40px center;
}
/**program**/
/**status**/
.nav-item-sub .sta-status-selected a{
background: url(/images/nav-sta-status-d.png) no-repeat 40px center;
}
.nav-item-sub .sta-count-selected a{
background: url(/images/nav-sta-count-d.png) no-repeat 40px center;
}
/**status**/
/**system**/
.nav-item-sub .sys-pwd-selected a{
background: url(/images/nav-sys-pwd-d.png) no-repeat 40px center;
}
.nav-item-sub .sys-net-selected a{
background: url(/images/nav-sys-net-d.png) no-repeat 40px center;
}
.nav-item-sub .sys-log-selected a{
background: url(/images/nav-sys-log-d.png) no-repeat 40px center;
}
.nav-item-sub .sys-info-selected a{
background: url(/images/nav-sys-info-d.png) no-repeat 40px center;
}
.nav-item-sub .sys-shift-selected a{
background: url(/images/nav-sys-shift-d.png) no-repeat 40px center;
}
.nav-item-sub .sys-node-selected a{
background: url(/images/nav-sys-node-d.png) no-repeat 40px center;
}
.nav-item-sub .sys-settings-selected a{
background: url(/images/nav-sys-settings-d.png) no-repeat 40px center;
}
.nav-item-sub .sys-authorized-selected a{
background: url(/images/nav-sys-authorized-d.png) no-repeat 40px center;
}
/**system**/
.nav-item-sub .nav-item-sub-selected a{
color: #fff;
background-color: #41bbef;
}
/*menu}*/
/***********main}**************/
/***********footer{**************/
#footer{
height:25px;
width:100%;
text-align:center;
color: #4c4e4e;
line-height: 25px;
}
/***********footer}**************/
/***********page{**************/
.page-wrap{
padding-left:13px;
text-align: center;
padding-top:3px;
}
.page-wrap span{
float:left;
text-align: center;
}
.page-wrap:before,.page-wrap:after{
content:"";
display:table;
}
.page-wrap:after{
clear:both;
}
.page-wrap{
zoom:1;
}
.page-el{
margin:5px 8px 0 2px;
text-align: center;
}
.page-current{
font-size:12px;
font-weight:bold;
color:#fff;
width:25px;
height:19px;
line-height:19px;
background: url(../../images/page-num-d.png) no-repeat center center;
}
.play{
margin-left: 10px;
}
.play a{
color: #646465;
text-decoration: none;
}
.page-prev a{
width:25px;
height:19px;
background: url(../../images/page-left-n.png) no-repeat center center;
}
.page-prev a:hover{
background: url(../../images/page-left-d.png) no-repeat center center;
}
.page-next a{
width:25px;
height:19px;
background: url(../../images/page-right-n.png) no-repeat center center;
}
.page-next a:hover{
background: url(../../images/page-right-d.png) no-repeat center center;
}
/***********page}**************/
/***********button}**************/
.all-btn a{
width:75px;
height:32px;
display: block;
text-align: center;
line-height: 32px;
font-size:14px;
vertical-align:middle;
margin-top:10px;
background: url(../../images/btn-bg.png) no-repeat center center;
color: #767779;
}
.all-btn a:hover{
background: url(../../images/btn-bg-d.png) no-repeat center center;
color: #fff;
}
.all-quit{
float:right;
margin-left:16px;
}
.all-next{
float:right;
}
/***
*
*/
/***********button}**************/
/***********win{**************/
.win-inner{
border: solid 5px #a2a2a2;
width:100%;
background-color: #F8F8F8;
color: #5a5a5a;
}
.win-hidder{
visibility: hidden;
left: -1000px;
top: -1000px;
}
.win-header{
line-height: 40px;
padding-left: 17px;
font-size: 16px;
color:#fff;
height: 41px;
}
.win-header a{
width:12px;
height:41px;
float: right;
margin-right:16px;
background: url(/images/close-btn-n.png) no-repeat center center;
}
.win-header a:hover{
background: url(/images/close-btn-d.png) no-repeat center center;
}
.win-footer{
height:50px;
margin:0px auto;
}
/*small*/
.small-win{
width:485px;
height:217px;
position: absolute;
}
.small-win-header{
background: url(/images/small-win-header-bg.png) no-repeat center center;
}
.small-win-contents{
width:485px;
height:127px;
background-color: #f5f5f5;
}
.small-win-title{
height:48px;
background: url(../../images/mark.png) no-repeat 20px center;
background-color: #feecf3;
border-bottom: solid 1px #CFD2D4;
font-size: 16px;
line-height: 48px;
padding-left:67px;
color: #b43a69;
}
.small-win-detail{
height:55px;
background-color: #f5f5f5;
border-bottom: solid 1px #CFD2D4;
font-size:12px;
padding-top:23px;
padding-left:47px;
}
.small-win-footer{
padding-right:16px;
background: url(/images/small-win-footer-bg.png) no-repeat center center;
}
.all-btn .nohover:hover{
background: url(../../images/btn-bg.png) no-repeat center center;
color: #767779;
}
/*middle*/
.middle-win{
width:725px;
height:500px;
position: absolute;
}
/*big*/
.big-win{
width:725px;
height:585px;
position: absolute;
}
.big-win-header{
background: url(../../images/big-win-header-bg.png) no-repeat center center;
}
.big-win-footer{
padding-right:33px;
background: url(../../images/big-win-footer-bg.png) no-repeat center center;
}
/***********win{**************/
/***********close-win{**************/
.close-restart-btns{
width:193px;
height:96px;
margin:0 auto;
overflow: hidden;
padding-top:31px;
}
.close-restart{
width:57px;
height:96px;
float:left;
}
.restart-btns{
margin-left:79px;
}
.close-restart a{
width:100%;
height:100%;
display: block;
text-align:center;
color:#414141;
font-size: 14px;
padding-top:57px;
overflow: hidden;
}
.close-btns a{
background: url(../../images/close-n.png) no-repeat center top;
}
.restart-btns a{
background: url(../../images/restart-n.png) no-repeat center top;
}
.close-btns a:hover{
background: url(../../images/close-d.png) no-repeat center top;
}
.restart-btns a:hover{
background: url(../../images/restart-d.png) no-repeat center top;
}
.restart-info{
font-size:16px;
color: red;
margin-left:200px;
}
/***********close-win}**************/
/****resource-program{****/
.box-contents-contents{
width:790px;
height:572px;
border-bottom: solid 1px #b5bbc3;
overflow: hidden;
color: #414141;
}
.box-contents-list{
width:572px;
height:100%;
float: left;
background-color: #e4e4e4;
z-index:1;
}
.contents-title{
width:554px;
}
.contents-title span{
float: right;
color: red;
padding-right:20px;
}
/**contents-table{**/
.contents-list{
width:572px;
height: 498px;
background-color: #fff;
}
.contents-list table{
width:572px;
font-size: 12px;
text-align: center;
}
.contents-list-th{
height:30px;
background-color: #d4d4d4;
border-bottom:solid 1px #b5bbc3;
line-height: 29px;
font-size: 14px;
overflow: hidden;
}
.contents-list-w191{
width:191px;
}
.contents-list-line{
background: url(/images/content-list-line.png) no-repeat right center;
}
/**contents-table}**/
/**small-menu{**/
.box-contents-menu{
width:790px;
height:55px;
background-color: #d9dfe8;
}
.box-contents-menu ul li{
width:112.8px;
float: left;
height: 55px;
background: url(/images/bottom-nav-line.png) no-repeat right center;
}
.nav-able a{
display:block;
height: 21px;
padding-top:34px;
overflow: hidden;
text-align: center;
color:#414141;
}
.nav-able a:hover{
background-color: #bec9d3;
}
/*add,edit,delete*/
.add-able a{
background: url(/images/res-add-n.png) no-repeat center 8px;
}
#nav-list .add-disable a{
color:#b8b8b8;
cursor:default;
background: url(/images/res-add-x.png) no-repeat center 8px;
}
.mod-able a{
background: url(/images/res-mod-n.png) no-repeat center 8px;
}
#nav-list .mod-disable a{
color:#b8b8b8;
cursor:default;
background: url(/images/res-mod-x.png) no-repeat center 8px;
}
.del-able a{
background: url(/images/res-del-n.png) no-repeat center 8px;
}
#nav-list .del-disable a{
color:#b8b8b8;
cursor:default;
background: url(/images/res-del-x.png) no-repeat center 8px;
}
/**small-menu}**/
/**detail{**/
.box-contents-detail{
width:217px;
height:100%;
float:left;
background-color: #ebebeb;
border-left: solid 1px #b5bbc3;
color:#66696d;
}
.detail-header{
height: 80px;
border-bottom: solid 1px #b5bbc3;
background-color: #dde5ef;
padding-left:13px;
}
.detai-header-title{
padding-top:17px;
font-size:24px;
color: #414141;
}
.detail-header-time{
margin-top:5px;
}
.detail-container{
width:192px;
height:inherit;
margin: 0 auto;
z-index: 1;
}
.detail-container ul li {
line-height: 17px;
}
.detail-img{
width:192px;
height: 126px;
margin-top:14px;
margin-bottom:14px;
}
/**detail}**/
/****resource-program}****/
/****common-container{****/
.common-container{
color: #414141;
background: #ffffff;
width: 100%;
height : 100%;
}
.common-container-title{
background: url(/images/status_module_title_bg.png) repeat-x;
border-bottom: 1px solid #bebec0;
font-size: 16px;
padding-left: 18px;
line-height: 39px;
overflow: hidden;
}
.common-container-box{
margin:16px auto 0 auto;
border:solid 1px #e4e4e4;
}
.common-container-w684{
width:684px;
}
.common-container-box-title{
height:31px;
background-color: #E6E6E6;
margin:4px auto 0px auto;
line-height: 30px;
padding-left:17px;
padding-right:17px;
color: #404040;
font-size: 14px;
border-bottom:solid 1px #CFD2D4;
font-size:14px;
overflow: hidden;
}
.common-container-box-title-w642px{
width:642px;
}
.common-container-box-contents{
background-color: #ebebeb;
margin: 0 auto;
padding-top:16px;
overflow: hidden;
}
/****common-container}****/
/*****************small win****************/
.small-win{
width:485px;
height:217px;
position: absolute;
color: #5a5a5a;
}
.close-restart-win{
visibility: hidden;
}
.about-win{
visibility: hidden;
}
.about-sewise {
width:200px;
height:130px;
background:url(/images/about-sewise.png) no-repeat top center;
margin-top:25px;
float:left;
}
.about-detail{
width:275px;
height:130px;
margin-top:15px;
float:left;
line-height:25px;
}
.about-foot-en{display:none;}
.about-foot{padding-top:10px;width:493px;text-align:center;}
.about-web{
color:#0c5683;
padding-top:3px;
margin-left:-15px;
}
.about-web a{
color:#0c5683;
}
.win-header{
line-height: 40px;
padding-left: 17px;
font-size: 16px;
color:#fff;
}
.small-win-header{
height: 41px;
background: url(/images/J_dialog-hd.png) repeat-x center center;
}
.win-header a{
width:12px;
height:41px;
float: right;
margin-right:16px;
background: url(/images/close-btn-n.png) no-repeat center center;
}
.win-header a:hover{
background: url(/images/close-btn-d.png) no-repeat center center;
}
.big-win-footer{
height:50px;
margin:0px auto;
padding-right:33px;
background: url(../../images/big-win-footer-bg.png) no-repeat center center;
}
.small-win-footer{
height:50px;
margin:0px auto;
padding-right:16px;
background: url(/images/small-win-footer-bg.png) no-repeat center center;
}
.about-win-footer{
height:57px;
border-top:1px solid #dfdfdf;
}
.small-win-contents{
width:485px;
height:127px;
background-color: #f5f5f5;
}
.close-restart-btns{
width:193px;
height:96px;
margin:0 auto;
overflow: hidden;
padding-top:31px;
}
.close-restart{
width:57px;
height:96px;
float:left;
}
.restart-btns{
margin-left:79px;
}
.close-restart a{
width:100%;
height:100%;
display: block;
text-align:center;
color:#414141;
font-size: 14px;
padding-top:57px;
overflow: hidden;
}
.close-btns a{
background: url(../../images/close-n.png) no-repeat center top;
}
.restart-btns a{
background: url(../../images/restart-n.png) no-repeat center top;
}
.close-btns a:hover{
background: url(../../images/close-d.png) no-repeat center top;
}
.restart-btns a:hover{
background: url(../../images/restart-d.png) no-repeat center top;
}
.restart-info{
font-size:16px;
color: red;
margin-left:200px;
}
.about-web a{color:#0c5683;}
/*****************small win****************/
/*********epgvlive-show*************/
/*fix*/
.small-win-header{ background-color: #686B71; border: 1px solid #393B3F; border-radius: 5px 5px 0 0; overflow: hidden; height: 38px; line-height: 38px; }
/*fix*/
#pro-previewvideo-win{ width: auto; height: auto;}
#pro-previewvideo-win .e-preview-bd{ background: #000; height: 360px; overflow: hidden; }
#pro-previewvideo-win #swf-containers{ background: #000; float: left; width: 486px; height: 100%; }
.epglive{ background: #000; float: right; height: 100%; width: 240px; cursor: pointer; }
.epglive .content{ width: 100%; height: 100%; float: left; }
.epglive .weeklist{ height: 60px; width: 224px; background: #000; overflow: hidden; position: relative; }
.weeklist .week{ position: relative; left: 0; min-width: 100%; }
.weeklist .butn{ width: 32px; height: 60px; background: #000; position: absolute; top: 0; z-index: 3721; }
.weeklist li,.weeklist a{ width: 28px; float: left; margin: 8px 0 8px 2px; border: 1px solid #404040; height: 42px; border-radius: 2px; text-align: center; color: #c5c5c5; background: #000; }
.weeklist li:hover{ color: #646464; }
.weeklist a{ line-height: 42px; }
.weeklist .prev{ left: 0; }
.weeklist .prev a{ background:url(../../images/prev.png) no-repeat 5px 11px; }
.weeklist .prev a:hover{ background:url(../../images/prev.png) no-repeat -18px 11px; }
.weeklist .next{ right: 0; }
.weeklist .next a{ background:url(../../images/next.png) no-repeat 5px 11px; }
.weeklist .next a:hover{ background:url(../../images/next.png) no-repeat -18px 11px; }
.week li.inday{ color: #fffe00; }
.hide{ display: none; }
.show{ display: block; }
.week .num{ width: 100%; height: 50%; line-height: 1.5; float: left; font-size: 16px; font-weight: bold; }
.week .day{ width: 100%; height: 50%; float: left; line-height: 1.5; }
.epglive .prolist{ height: 300px; margin-bottom: 0; width: 100%; background: #313131; color: #646464; overflow: hidden; }
.epglive .prolist ul{ height: 100%; width: 100%; }
.epglive .prolist li{ height: 24px; }
.epglive .prolist li span{ float: left; height: 24px; line-height: 24px; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow-x: hidden; white-space: nowrap; }
.played .timeline,.played .title{ color: #c5c5c5; }
.epglive .timeline{ width: 60px; text-align: center; }
.epglive .title{ width: 120px; }
.epglive .status{ text-align:center; widows: 60px; }
.epglive .playing{ color: #fffe00; }
.epglive .replaying{background: #ce6505;}
.epglive .playing.replaying{color: #fff;}
.epglive .replaying span {color: #fff;}
/* Tiny Scrollbar 婊氬姩鏉℃牱寮�*/
.scrollbar { clear: both; margin: 0;}
.scrollbar .viewport { overflow: hidden; position: relative;}
.scrollbar .overview { list-style: none; position: absolute; left: 0; top: 0;width: 100%;}
.scrollbar .thumb { background-color: #545454;}
.scrollbar .bar { position: relative; float: right; width: 16px;}
.scrollbar .track { background-color: #000; height: 100%; width: 16px; position: relative; padding: 0;}
.scrollbar .track:hover,
.scrollbar .active .track { background-color: rgba(34,34,34,.7);}
.scrollbar .track:hover .thumb,
.scrollbar .active .thumb { background-color: rgba(153,153,153,.9);}
.scrollbar .thumb { height: 20px; width: 16px; cursor: pointer; overflow: hidden; position: absolute; top: 0;}
.scrollbar .thumb:hover { background-color: rgba(153,153,153,.9);}
.scrollbar .thumb .end { overflow: hidden; height: 0; width: 16px;}
.scrollbar .disable { display: none;}
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;}