body {margin:0; padding:0; font-size:12px;font-family:"Microsoft Yahei";background-color:#ffffff;background-image:url(about:blank);_background-attachment: fixed;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0;margin:0;}
table,td,tr,th{font-size:12px;}
li{list-style-type:none;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
img{border:none;}
a{text-decoration:none;cursor:pointer;}
input{outline:none;font-size:12px;font-family:"Microsoft Yahei"; border-radius: 5px 5px 5px 5px; border: 1px solid #95B8E7; height: 20px; width:160px;}
input[type="radio"] {outline:none;font-size:12px;font-family:"Microsoft Yahei"; border-radius: 5px 5px 5px 5px; border: 1px solid #95B8E7; height: 12px;width:15px;}
input[type="checkbox"] {outline:none;font-size:12px;font-family:"Microsoft Yahei"; border-radius: 5px 5px 5px 5px; border: 1px solid #95B8E7;  height: 12px;width:15px;}
textarea{outline:none;font-size:12px;font-family:"Microsoft Yahei";}
.left{float:left;overflow:hidden;} 
.right{float:right;overflow:hidden;} 
.center{margin:0px auto;overflow:hidden;}
.box{width: 31px; height: 30px; margin-top: 0px; margin-left: 26px; visibility: visible;}


.header{width:100%;height:52px;border-bottom:0px solid #e9e9e9;}
.header .inside{padding-left:56px;height:51px;border-bottom:1px solid #e9e9e9;}
.header .sign{float:left;width:56px;height:51px;margin-left:-56px;border-bottom:1px solid #007a64;background:#007f68 url(../homePageImages/header_sign.png) center center no-repeat;}
.header .logo{float:left;margin-left:17px;margin-top:18px;display:inline;overflow:hidden;}
.header .logo .pic{float:left;width:120px;height:20px;overflow:hidden;}
.header .logo .pic a{float:left;width:100%;height:100%;}
.header .logo .word{float:left;margin-left:12px;padding-left:15px;border-left:1px solid #e9e9e9;font-size:14px;line-height:20px;color:#333333;}
.header .back{float:right;width:20px;height:21px;margin-top:16px;margin-right:21px;background:url(../homePageImages/back.png) center center no-repeat;}
.header .user{float:right;width:187px;height:20px;margin-top:15px;margin-right:18px;border:1px solid #ededed;border-radius:20px;background-color:#ffffff;}
.header .user .pic{float:left;width:22px;height:100%;border-radius:22px;overflow:hidden;}
.header .user .pic a{float:left;width:100%;height:100%;}
.header .user .name{float:left;height:100%;margin-left:5px;display:inline;font-size:12px;line-height:20px;color:#999999;}
.header .user .note{float:left;height:100%;margin-left:5px;display:inline;font-size:12px;line-height:20px;color:#999999;}
.header .user .modification{float:left;height:100%;}
.header .user .modification a{font-size:12px;line-height:20px;color:#03977d;}


.wrapper{width:100%;overflow:hidden;background-color:#f7fbf7;}
.wrapper .inside{padding-left:0px;background:url(../homePageImages/leaf_right.png) right bottom no-repeat;}

.footer{width:100%;height:85px;}
.footer .logo{float:right;width:235px;height:35px;margin-right:67px;}

.main{padding:0px 20px 20px 20px;overflow:hidden;}/* background:url(../homePageImages/leaf_left.png) left top no-repeat; */

.main .crumbs{height:30px;margin-top:8px;border:1px solid #e7e7e7;background-color:#ffffff;border-radius:3px;overflow:hidden;}
.main .crumbs .tit{float:left;height:100%;padding-left:15px;font-size:14px;line-height:30px;color:#007f68;border-left:5px solid #007f68;}
.main .crumbs .pos{float:left;height:100%;margin-left:10px;font-size:12px;line-height:30px;color:#999999;}
.main .crumbs .items{float:left;overflow:hidden;}
.main .crumbs .items li{float:left;overflow:hidden;}
.main .crumbs .items a{float:left;font-size:12px;line-height:30px;color:#999999;}
.main .crumbs .items a:hover{color:#007f68;}
.main .crumbs .items .active{color:#007f68;}
.main .crumbs .items .sign{float:left;padding:0px 3px;font-size:12px;line-height:30px;color:#999999;}
.main .crumbs .btn{float:right;margin-right:19px;background:url(../homePageImages/dot_icon.png) left center no-repeat;padding-left:23px;font-size:12px;line-height:30px;color:#be1c1a;}

.side{float:left;width:56px;height:100%;margin-left:-56px;background-color:#00967b;}
.side .navigation{float:left;width:100%;position:relative;top:0px;left:0px;}
.side .navigation .element{float:left;width:100%;}
.side .navigation .element.hov{background-color:#ddefea;}
.side .navigation .label{float:left;width:100%;height:45px;border-top:1px solid #00a486;border-bottom:1px solid #00826b;}

.side .navigation .house{background:url(../homePageImages/house_icon.png) center center no-repeat;}
.side .navigation .spanner{background:url(../homePageImages/spanner_icon.png) center center no-repeat;}
.side .navigation .displayer{background:url(../homePageImages/displayer_icon.png) center center no-repeat;}

.side .navigation .hov .house{background:url(../homePageImages/house_icon_hov.png) center center no-repeat;}
.side .navigation .hov .spanner{background:url(../homePageImages/spanner_icon_hov.png) center center no-repeat;}
.side .navigation .hov .displayer{background:url(../homePageImages/displayer_icon_hov.png) center center no-repeat;}

.side .navigation .child{float:left;width:218px;position:absolute;top:0px;left:56px;background-color:#ddefea;display:none;}
.side .navigation .child .ele{float:left;width:100%;height:42px;}
.side .navigation .child .ele>a{float:left;width:196px;height:41px;margin-left:11px;font-size:14px;line-height:41px;text-align:center;color:#000000;border-bottom:1px solid #cce7e2;}
.side .navigation .ele{position:relative;top:0px;left:0px;}
.side .navigation .items{float:left;width:170px;background-color:#ecf7f4;position:absolute;top:0px;left:218px;display:none;}
.side .navigation .items li{float:left;width:100%;}
.side .navigation .items a{float:left;width:100%;font-size:12px;line-height:41px;text-align:center;color:#666666;}
.side .navigation .items a:hover{color:#007f68;text-decoration:underline;}
.side .navigation .element.hov{background-color:#ddefea;}
.side .navigation .ele.hov{background-color:#ecf7f4;}
.side .navigation .ele.hov>a{border:0px;}
.side .navigation .ele.hov .drop{background:url(../homePageImages/nav_drop.png) right center no-repeat;}
.side .navigation .element.hov .child{display:block;}
.side .navigation .ele.hov .items{display:block;}

.welcome{width:100%;height:500px;overflow:hidden;}
.welcome .shelf{width:100%;overflow:hidden;}
.welcome .shelf .element{float:left;width:100%;overflow:hidden;}
.welcome .shelf .card{float:left;width:838px;height:120px;margin-top:16px;border-radius:3px;border:1px solid #e9e9e9;background-color:#ffffff;}
.welcome .shelf .card .pic{float:left;width:38px;height:100%;margin-left:28px;display:inline;overflow:hidden;}
.welcome .shelf .card .pic a{float:left;width:100%;height:100%;}
.welcome .shelf .card .tit{float:left;width:228px;height:45px;margin-left:22px;margin-top:32px;display:inline;}
.welcome .shelf .card .tit .word{float:left;width:100%;font-size:22px;color:#00967b;line-height:26px;}
.welcome .shelf .card .tit .note{float:left;width:100%;font-size:16px;color:#333333;line-height:19px;}
.welcome .shelf .card .phone{float:left;width:228px;height:45px;margin-left:22px;margin-top:32px;padding-left:17px;display:inline;border-left:1px solid #e5e5e5;font-size:12px;color:#999999;line-height:21px;}

.details{overflow-y:auto;}
.details .scroll{padding-right:107px;padding-bottom:20px;overflow:hidden;}

.details .tips{height:430px;margin-right:-107px;background-color:#ffffff;border-radius:3px;overflow:hidden;}/* float:right;width:105px;border:1px solid #e7e7e7; */
.details .tips .items{width:83px;overflow:hidden;}
.details .tips .items .ele{float:left;width:100%;overflow:hidden;}
.details .tips .card{width:100%;padding-top:13px;padding-bottom:13px;border-bottom:1px solid #f1f1f1;overflow:hidden;}
.details .tips .card .pic{width:100%;height:30px;}
.details .tips .card .pic a{float:left;width:100%;height:100%;cursor:default;}
.details .tips .card .word{float:left;width:100%;margin-top:10px;font-size:12px;line-height:16px;text-align:center;color:#899f9b;}
.details .tips .items .end .card{border-bottom:0px;}

.details .column{float:left;width:50%;}
.details .column .wrap{padding-right:20px;}

.details .monitoring{height:95%;border:1px solid #e7e7e7;background-color:#ffffff;border-radius:3px;overflow:hidden;}
.details .monitoring .title{width:100%;padding-top:12px;overflow:hidden;}
.details .monitoring .title .word{float:left;margin-left:18px;font-size:16px;line-height:19px;color:#333333;}
.details .monitoring .title .more{float:right;margin-right:18px;font-size:12px;line-height:19px;color:#999999;}
.details .monitoring .title .more:hover{color:#00967b;}
.details .monitoring .shelf{width:480px;padding-top:8px;overflow:hidden;}
.details .monitoring .shelf .element{float:left;width:100%;margin-top:28px;overflow:hidden;}
.details .monitoring .shelf .tit{width:100%;text-align:center;background:url(../homePageImages/line.png) left center repeat-x;overflow:hidden;}
.details .monitoring .shelf .tit .word{padding:0px 7px;font-size:14px;line-height:19px;color:#777777;background-color:#ffffff;}
.details .monitoring .shelf .items{width:100%;margin-top:10px;overflow:hidden;}
.details .monitoring .shelf .items .ele{float:left;margin-top:10px;width:160px;overflow:hidden;}
.details .monitoring .shelf .items .word{width:100%;margin-top:10px;font-size:12px;line-height:16px;text-align:center;color:#999999;}
.details .monitoring .shelf .badge{width:50px;height:23px;font-size:18px;line-height:23px;text-align:center;color:#ffffff;border-radius:23px;overflow:hidden;}
.details .monitoring .shelf .first .badge{background-color:#00967b;}
.details .monitoring .shelf .second .badge{background-color:#666666;}
.details .monitoring .shelf .thirdly .badge{background-color:#ff5a00;}

.details .chart{height:95%;border:1px solid #e7e7e7;background-color:#ffffff;border-radius:3px;overflow:hidden;}
.details .chart .title{width:100%;padding-top:12px;overflow:hidden;}
.details .chart .title .word{float:left;margin-left:18px;font-size:16px;line-height:19px;color:#333333;}
.details .chart .title .more{float:right;margin-right:18px;font-size:12px;line-height:19px;color:#999999;}
.details .chart .area{/* width:500px; *//* margin-top:36px; */overflow:hidden;overflow:hidden;margin:0px;}
.details .chart .title .more:hover{color:#00967b;}


.heros{width:100%;margin-top:10px;overflow-y:auto;}
.heros .scroll{padding-bottom:20px;overflow:hidden;}
.heros .categorys{height:70px;border:1px solid #e7e7e7;background-color:#ffffff;border-radius:3px;}
.heros .categorys .guderian{float:left;padding-left:7px;overflow:hidden;}
.heros .categorys .guderian .element{float:left;margin-top:19px;overflow:hidden;}
.heros .categorys .word{float:left;margin-left:15px;font-size:14px;line-height:32px;color:#666666;}
.heros .categorys .input{float:left;width:135px;height:30px;margin-left:12px;border:1px solid #cccccc;background-color:#f5f5f5;}
.heros .categorys .input input{float:left;padding-left:10px;width:115px;height:29px;border:0px;background-color:#f5f5f5;}
.heros .categorys .guderian .select{float:left;width:126px;height:30px;margin-left:12px;border:1px solid #cccccc;background-color:#f5f5f5;}
.heros .categorys .guderian .select .selected{float:left;width:96px;padding-left:10px;font-size:14px;line-height:30px;color:#666666;}
.heros .categorys .guderian .select .drop{float:left;width:9px;height:100%;background:url(../homePageImages/select_arrows.png) center center no-repeat;}
.heros .categorys .guderian .select .menu{width:128px;height:0px;position:absolute;top:0px;left:0px;overflow:hidden;}
.heros .categorys .guderian .select .items{width:126px;border:1px solid #cccccc;background-color:#ffffff;overflow:hidden;}
.heros .categorys .guderian .select .items li{float:left;width:100%;overflow:hidden;}
.heros .categorys .guderian .select .items a{float:left;width:116px;padding-left:10px;font-size:14px;line-height:20px;color:#666666;}

.heros .categorys .query{float:left;width:77px;height:30px;margin-left:25px;border:1px solid #0c9b81;border-radius:3px;font-size:14px;line-height:30px;color:#00967b;text-align:center;}
.heros .categorys .query:hover{background-color:#0c9b81;color:#ffffff;}
.heros .categorys .btn{float:right;width:90px;height:30px;margin-top:19px;border:1px solid #ffffff;margin-right:19px;}
.heros .categorys .btn .selected{float:left;width:78px;font-size:12px;line-height:30px;color:#999999;}
.heros .categorys .btn .drop{float:left;width:9px;height:100%;background:url(../homePageImages/select_arrows.png) center center no-repeat;}
.heros .categorys .btn .menu{float:left;width:90px;height:0px;margin-top:-1px;position:absolute;top:0px;left:0px;overflow:hidden;}
.heros .categorys .btn .items{float:left;width:100%;background-color:#ffffff;overflow:hidden;}
.heros .categorys .btn .items li{float:left;width:100%;overflow:hidden;}
.heros .categorys .btn .items a{float:left;width:100%;font-size:12px;line-height:30px;color:#999999;}

.heros .shelf{border:1px solid #e7e7e7;margin-top:10px;padding:0px 0px 0px 0px;background-color:#ffffff;}


.heros .shelf table .head td{padding:10px;border:0px;border:1px solid #e7e7e7;background-color:#ffffff;}
.heros .shelf .head .tit{float:left;padding-left:9px;border-left:3px solid #c8c8c8;font-size:14px;line-height:16px;color:#999999;}
.heros .shelf table .word{float:left;padding-left:9px;font-size:12px;line-height:0px;color:#333333;}
.heros .shelf table tr{border-bottom:1px solid #f0f0f0;text-align:center;align:center;}
.heros .shelf table td{padding:16px;border:1px solid #f0f0f0;}
.heros .shelf table .add{float:right;padding-left:22px;margin-right:27px;font-size:14px;color:#249e85;background:url(../homePageImages/add.png) left center no-repeat;text-decoration:underline;}
.heros .shelf table .downLoad{float:right;padding-left:22px;margin-right:27px;font-size:14px;color:#249e85;background:url(../homePageImages/down.gif) left center no-repeat;text-decoration:underline;}
.heros .shelf table .hov .word{color:#00967b;}

.heros .shelf .operating{float:right;width:60px;height:23px;overflow:hidden;margin-right:27px;border:1px solid #00967b;border-radius:3px;}
.heros .shelf .operating .selected{float:left;width:35px;padding-left:8px;font-size:14px;line-height:23px;color:#00967b;}
.heros .shelf .operating .drop{float:left;width:9px;height:100%;background:url(../homePageImages/operating_drop.png) center center no-repeat;}
.heros .shelf .operating .menu{width:62px;height:0px;position:absolute;top:0px;left:0px;overflow:hidden;}
.heros .shelf .operating .menu .items{width:60px;margin-top:2px;overflow:hidden;border-style:solid;border-color:#00967b;border-width:0px 1px 1px 1px;background-color:#f2fffd;}
.heros .shelf .operating .menu .items li{float:left;width:100%;overflow:hidden;}
.heros .shelf .operating .menu .items a{float:left;padding-left:8px;width:52px;height:28px;font-size:14px;line-height:28px;color:#333333;}
.heros .shelf .operating .menu .items a:hover{background-color:#d6ece8;}
.heros .shelf .operating.hov{background-color:#00967b;}
.heros .shelf .operating.hov .selected{color:#ffffff;}
.heros .shelf .operating.hov .drop{background:url(../homePageImages/operating_drop_hov.png) center center no-repeat;}
.heros .page{width:100%;padding-top:7px;padding-bottom:3px;overflow:hidden;}
.heros .page .total{float:right;font-size:12px;line-height:20px;color:#999999;overflow:hidden;}
.heros .page .items{float:right;margin-right:33px;overflow:hidden;}
.heros .page .items li{float:left;}
.heros .page .items a{float:left;width:18px;height:20px;margin-left:7px;font-size:12px;text-align:center;line-height:20px;color:#999999;}
.heros .page .items .active{color:#249e85;}
.heros .page .items .prev{background:url(../homePageImages/knight_page_prev.png) center center no-repeat;}
.heros .page .items .next{background:url(../homePageImages/knight_page_next.png) center center no-repeat;}
.heros .page .note{float:left;margin-left:7px;font-size:12px;line-height:20px;color:#999999;overflow:hidden;}
.heros .page .input{float:left;width:27px;height:15px;margin-left:7px;margin-top:2px;border:1px solid #999999;}
.heros .page .input input{float:left;width:22px;padding-left:5px;height:15px;border:0px;font-size:12px;line-height:15px;color:#999999;}
.heros .page .go{float:left;width:25px;height:18px;margin-left:7px;font-size:12px;line-height:18px;text-align:center;color:#999999;border:1px solid #999999;border-radius:3px;}

.knight{margin-top:10px;overflow-y:scroll;}
.knight .scroll{padding-bottom:180px;background-color:#ffffff;border:1px solid #e7e7e7;border-radius:3px;}
.knight .form{width:1200px;overflow:hidden;}
.knight .form .element{float:left;width:33.3%;margin-top:30px;overflow:hidden;}
.knight .form .full{width:100%;}
.knight .form .word{float:left;width:135px;font-size:14px;line-height:32px;color:#666666;text-align:right;}
.knight .form .input{float:left;width:196px;height:30px;margin-left:13px;border:1px solid #cccccc;}
.knight .form .input input{float:left;width:186px;height:100%;padding-left:10px;border:0px;background-color:#f5f5f5;font-size:14px;line-height:30px;color:#666666;}
.knight .form .select{float:left;width:196px;height:30px;margin-left:13px;border:1px solid #cccccc;background-color:#f5f5f5;}
.knight .form .select .selected{float:left;width:163px;height:100%;padding-left:13px;font-size:14px;line-height:30px;color:#666666;}
.knight .form .select .drop{float:left;width:9px;height:100%;background:url(../homePageImages/select_arrows.png) center center no-repeat;}
.knight .form .select .menu{width:201px;height:0px;margin-top:1px;position:absolute;top:0px;left:0px;overflow:hidden;}
.knight .form .select .items{width:196px;border:1px solid #cccccc;background-color:#ffffff;overflow:hidden;}
.knight .form .select .items li{float:left;width:100%;overflow:hidden;}
.knight .form .select .items a{float:left;width:186px;padding-left:10px;font-size:14px;line-height:30px;color:#666666;}
.knight .form .radio{float:left;overflow:hidden;}
.knight .form .radio li{float:left;}
.knight .form .radio a{float:left;padding:0px 15px;height:32px;margin-left:13px;background-color:#f5f5f5;font-size:14px;line-height:32px;text-align:center;color:#666666;border:1px solid #cccccc;}
.knight .form .radio .checked{border:1px solid #00967b;background-color:#00967b;color:#ffffff;}
.knight .form .check{float:left;overflow:hidden;}
.knight .form .check li{float:left;}
.knight .form .check a{float:left;padding:0px 15px;height:32px;margin-left:13px;background-color:#f5f5f5;font-size:14px;line-height:32px;text-align:center;color:#666666;border:1px solid #cccccc;}
.knight .form .check .checked{border:1px solid #00967b;background:#f5f5f5 url(../homePageImages/checked_icon.png) right bottom no-repeat;}

.knight .form .btn{float:left;margin-left:57px;margin-top:80px;display:inline;}
.knight .form .btn li{float:left;}
.knight .form .btn a{float:left;width:142px;height:42px;margin:0px 21px;border:1px solid #00967b;border-radius:3px;font-size:18px;line-height:42px;text-align:center;color:#00967b;}
.knight .form .btn a:hover{color:#ffffff;border:1px solid #00967b;background-color:#00967b;}

.castle{margin-top:10px;}/* overflow-y:scroll; */
.castle .scroll{padding-right:107px;padding-bottom:20px;overflow:hidden;}
.castle .tips{float:right;width:105px;height:589px;margin-right:-107px;border:1px solid #e7e7e7;background-color:#ffffff;border-radius:3px;overflow:hidden;}
.castle .tips .items{width:83px;padding-top:40px;overflow:hidden;}
.castle .tips .items .ele{float:left;width:100%;overflow:hidden;}
.castle .tips .card{width:100%;padding-top:13px;padding-bottom:13px;border-bottom:1px solid #f1f1f1;overflow:hidden;}
.castle .tips .card .pic{width:100%;height:30px;}
.castle .tips .card .pic a{float:left;width:100%;height:100%;cursor:default;}
.castle .tips .card .word{float:left;width:100%;margin-top:10px;font-size:12px;line-height:16px;text-align:center;color:#899f9b;}
.castle .tips .items .end .card{border-bottom:0px;}


.castle .column{float:left;}
/* .castle .column .wrap{padding-right:20px;} */
.castle .first{width:15%;}
.castle .second{width:20%;}
.castle .thirdly{width:32%;}
.castle .fourthly{width:33%;}
.castle .server{height:590px;background-color:#ffffff;border-radius:3px;}/* border:1px solid #e7e7e7; */
.castle .server .title{width:100%;margin-top:12px;overflow:hidden;}
.castle .server .title .word{float:left;margin-left:7.5%;font-size:16px;line-height:19px;color:#333333;}
.castle .server .shelf{width:85%;overflow:hidden;}
.castle .server .shelf .element{float:left;width:100%;margin-top:28px;overflow:hidden;}
.castle .server .shelf .tit{width:100%;text-align:center;background:url(../homePageImages/line.png) left center repeat-x;overflow:hidden;}
.castle .server .shelf .tit .word{padding:0px 7px;font-size:14px;line-height:19px;color:#777777;background-color:#ffffff;}
.castle .server .shelf .badge{width:50px;height:23px;margin-top:12px;font-size:14px;line-height:23px;color:#ffffff;text-align:center;background-color:#666666;border-radius:23px;}
.castle .server .shelf .primary{background-color:#00967b;}
.castle .server .shelf .alert{background-color:#ffb400;}
.castle .server .shelf .alarm{background-color:#ff5a00;}


.castle .port{height:590px;padding:0px 18px;border:1px solid #e7e7e7;background-color:#ffffff;border-radius:3px;}
.castle .port .title{width:100%;margin-top:12px;overflow:hidden;}
.castle .port .title .word{float:left;font-size:16px;line-height:19px;color:#333333;}
.castle .port .shelf{width:100%;overflow:hidden;}
.castle .port .shelf .element{float:left;width:100%;margin-top:28px;overflow:hidden;}
.castle .port .shelf .tit{width:100%;overflow:hidden;background:url(../homePageImages/line.png) left center repeat-x;}
.castle .port .shelf .name{float:left;padding-right:9px;font-size:14px;line-height:23px;color:#777777;background-color:#ffffff;}
.castle .port .shelf .status{float:right;padding-left:8px;}
.castle .port .shelf .status a{float:left;padding:0px 12px;font-size:14px;line-height:23px;color:#ffffff;background-color:#00967b;border-radius:23px;cursor:default;}
.castle .port .shelf .info{padding:7px 0px 7px 7px;margin-top:13px;background-color:#f5f5f5;overflow:hidden;}
.castle .port .shelf .area{padding-right:25px;height:18px;overflow:hidden;}
.castle .port .shelf .info .layer{float:left;width:100%;font-size:12px;line-height:18px;color:#999999;overflow:hidden;}
.castle .port .shelf .info .btn{float:right;width:9px;height:6px;margin-right:-18px;margin-top:8px;background:url(../homePageImages/select_arrows.png) center center no-repeat;}
.castle .port .shelf .warning a{background-color:#ff5a00;}

.castle .course{height:590px;padding:0px 18px;border:1px solid #e7e7e7;background-color:#ffffff;border-radius:3px;}
.castle .course .title{width:100%;margin-top:12px;overflow:hidden;}
.castle .course .title .word{float:left;font-size:16px;line-height:19px;color:#333333;}
.castle .course .shelf{width:100%;overflow:hidden;}
.castle .course .shelf .element{float:left;width:100%;margin-top:28px;overflow:hidden;}
.castle .course .shelf .tit{width:100%;overflow:hidden;background:url(../homePageImages/line.png) left center repeat-x;}
.castle .course .shelf .tit .name{float:left;padding-right:9px;font-size:14px;line-height:23px;color:#777777;background-color:#ffffff;}
.castle .course .shelf .tit .items{float:right;background-color:#ffffff;overflow:hidden;}
.castle .course .shelf .tit .items li{float:left;}
.castle .course .shelf .tit .items a{float:left;margin-left:9px;padding:0px 7px;font-size:12px;line-height:23px;background-color:#a0b751;border-radius:23px;color:#ffffff;cursor:default;}
.castle .course .shelf .tit .items .primary{background-color:#ffb400;}
.castle .course .shelf .info{padding:7px 0px 7px 7px;margin-top:13px;background-color:#f5f5f5;overflow:hidden;}
.castle .course .shelf .area{padding-right:25px;height:18px;overflow:hidden;}
.castle .course .shelf .info .layer{float:left;width:100%;font-size:12px;line-height:18px;color:#999999;overflow:hidden;}
.castle .course .shelf .info .btn{float:right;width:9px;height:6px;margin-right:-18px;margin-top:8px;background:url(../homePageImages/select_arrows.png) center center no-repeat;}

.castle .queue{height:590px;padding:0px 18px;border:1px solid #e7e7e7;background-color:#ffffff;border-radius:3px;}
.castle .queue .title{width:100%;margin-top:12px;overflow:hidden;}
.castle .queue .title .word{float:left;font-size:16px;line-height:19px;color:#333333;}
.castle .queue .shelf{width:100%;overflow:hidden;}
.castle .queue .shelf .element{float:left;width:100%;margin-top:28px;overflow:hidden;}
.castle .queue .shelf .tit{width:100%;overflow:hidden;background:url(../homePageImages/line.png) left center repeat-x;}
.castle .queue .shelf .tit .name{float:left;padding-right:9px;font-size:14px;line-height:23px;color:#777777;background-color:#ffffff;}
.castle .queue .shelf .btn{width:100%;margin-top:8px;overflow:hidden;}
.castle .queue .shelf .btn .items{float:right;overflow:hidden;}
.castle .queue .shelf .btn .items li{float:left;}
.castle .queue .shelf .btn .items a{float:right;cursor:default;padding:0px 8px;margin-left:7px;margin-top:10px;font-size:12px;line-height:23px;color:#ffffff;border-radius:23px;background-color:#a0b751;}
.castle .queue .shelf .btn .items .warning{background-color:#ffb400;}
.castle .queue .shelf .btn .items .danger{background-color:#ff5a00;}

.castle .queue .shelf .info{padding:7px 0px 7px 7px;margin-top:13px;background-color:#f5f5f5;overflow:hidden;}
.castle .queue .shelf .area{padding-right:25px;height:18px;overflow:hidden;}
.castle .queue .shelf .info .layer{float:left;width:100%;font-size:12px;line-height:18px;color:#999999;overflow:hidden;}
.castle .queue .shelf .info .btn{float:right;width:9px;height:6px;margin-right:-18px;margin-top:8px;background:url(../homePageImages/select_arrows.png) center center no-repeat;}



.heros1{width:100%;margin-top:10px;overflow-y:auto;}
.heros1 .shelf1{padding:0px 0px 0px 0px;}
.heros1 .shelf1 table{border:0px solid #e7e7e7;width:"100%" }
.heros1 .shelf1 table .head1 .rightpadding{padding-top:10px;border:0px;text-align:right;font-weight:bold }
.heros1 .shelf1 table .head1 .leftpadding {padding-top:10px;border:0px;text-align:left; }
.heros1 .shelf1 table .word{;padding:9px;font-size:12px;line-height:10px;color:#333333;}
.heros1 .shelf1 table tr{border-bottom:1px solid #f0f0f0;}
.heros1 .shelf1 table td{padding:10px;padding:10px;borde:1px solid #333333;}
.easyui-window{}

.hintColor{color:#3CB371;}