@import "base.css";

/*  */
.popBox{width:800px; height:400px; overflow:hidden;}
.popHead{width:972px; height:40px; padding:0 14px; background:#005bac; line-height:40px; color:#fff;}
.popHead span{margin:0px 10px;}
.popMain{width:800px; height:360px; overflow-x:hidden; overflow-y:scroll;}

/* formBox */
.formBox{overflow:hidden; margin:30px 30px 0 30px;}
.formBox dl{overflow:hidden; margin-bottom:30px;}
.formBox dt{float:left; width:60px; margin-right:10px; line-height:30px; text-align:right; color:#666;}
.formBox dd{width:auto; overflow:hidden; margin-left:70px;}
.formBox h4{display:block; width:100%; line-height:20px; margin-top:5px; color:#999; font-weight:normal; font-size:12px; color:#999;}
.formBox span{color:#ed6d1f; margin-right:5px; font-size:12px;}
.formBox input[type="text"]{width:400px; height:14px; overflow:hidden; margin-right:10px; padding:8px; line-height:14px; border:1px solid #ddd;}
.formBox input[type="text"].date{width:150px;}
.formBox input[type="password"]{width:400px; height:14px; overflow:hidden; margin-right:10px; padding:8px; line-height:14px; border:1px solid #ddd;}
.formBox input.date{width:182px;}
.formBox input[type="submit"]{float:left; height:30px; padding:0px 15px; margin-right:10px; background:#005bac; border:1px solid #004989; border-radius:2px; line-height:26px; color:#fff;}
.formBox input[type="radio"]{float:left; margin:10px 6px;}
.formBox input[type="checkbox"]{float:left; margin:10px 6px;}
.formBox label{float:left; line-height:30px; margin-right:20px;}
.formBox textarea{width:600px; height:72px; margin-right:10px; padding:8px; border:1px solid #ddd; resize:none; line-height:24px;}
.formBox textarea.flow{height:200px;}
.formBox select{height:30px; margin-top:2px; margin-right:10px;  border:1px solid #ddd;}
.formBox a.href{float:left; line-height:30px; color:#ed6d1f;}

/* tableBox列表 */
.tableBox{margin:30px; overflow:hidden;}
.tableBox table{width:100%; padding:0px; margin:0px; border:0px; border:1px solid #e3e3e3; border-top:0px; font-size:14px;}
.tableBox tr.tip{background:#e3e3e3;}
.tableBox tr.tip a{display:inline-block; height:26px; padding:0px 10px; overflow:hidden; background:#005bac; border-radius:2px; color:#fff; line-height:24px;}
.tableBox tr:hover{ background:#fff;}
.tableBox tr.tip:hover{background:#e3e3e3;}
.tableBox td{border-top:1px solid #e3e3e3; margin-top:-1px; padding:10px; line-height:20px; text-align:center;}
.tableBox td.pl{text-align:left;}
.tableBox td img{max-height:70px; margin:0px auto;}
.tableBox td a.ope{margin:0 5px; color:#0068b7;}
.tableBox td span.warn{color:#ff0000;}
.tableBox td input[type="text"].name{width:150px; height:14px; padding:6px; line-height:14px; border:1px solid #ddd; text-align:center;}
.tableBox td a.hide{display:none;}
.tableBox td:hover a.hide{display:inline;}

.footBox{margin:30px; overflow:hidden;}
.footBox a{display:block; height:18px; padding:6px 15px; background:#005bac; border-radius:2px; line-height:18px; color:#fff;}
.footBox input[type="submit"]{display:block; height:18px; padding:6px 15px; background:#005bac; border-radius:2px; line-height:18px; color:#fff;}

/* infoEdit */
.infoBox{width:800px; height:360px; overflow:hidden;}
.infoBox input[type="submit"]{display:block; width:100px; height:30px; margin:7px auto; background:#005bac; border:1px solid #004989; border-radius:3px; line-height:26px; color:#fff;}

/* course */
.courseForm{padding:30px; border-bottom:1px dashed #e3e3e3;}
.courseForm label{float:left; line-height:28px; margin-right:5px;}
.courseForm input[type='text']{float:left; width:200px; height:18px; padding:4px 5px; margin-right:15px; border:1px solid #ddd; line-height:18px;}
.courseForm input[type="submit"]{float:left; height:28px; padding:0px 15px; margin-right:10px; background:#005bac; border:1px solid #004989; border-radius:2px; line-height:26px; color:#fff;}

.courseList{margin:30px; overflow:hidden;}
.courseList li{float:left; width:100px; height:30px; overflow:hidden; margin:0 30px 30px 0; border-radius:16px; border:1px solid #e3e3e3; text-align:center; line-height:30px;}
.courseList li span{display:block; float:left; width:100px; height:30px; color:#444;}
.courseList li a{display:none; float:right; width:30px; height:30px; overflow:hidden; color:#fff;}
.courseList li:hover{ background:#005bac;}
.courseList li:hover span{color:#fff; width:70px;}
.courseList li:hover a{display:block;}

/* orderBox */
.orderBox{margin:30px; overflow:hidden;}
.orderBox table{width:100%; padding:0px; margin:0px; border-left:1px solid #e3e3e3; border-top:1px solid #e3e3e3; font-size:14px;}
.orderBox td{border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding:10px; line-height:20px; text-align:center;}
.orderBox td.pl{text-align:left;}
.orderBox td input[type="submit"]{width:80px; height:30px; padding:0px 15px; margin-right:10px; background:#005bac; border:1px solid #004989; border-radius:2px; line-height:26px; color:#fff;}


/* 
蓝色：005bac
橙色：ed6d1f
*/