*,h1,h2{ font-family:"微软雅黑";line-height:1.8em;}

body{background:#e7e8eb;}
li,span,i,a,p,b,td{font-size:13px;}
ul,li,h1,h2,h3,p{margin:0px;padding:0px;}
li{list-style-type:none;}
h1{font-size:24px;margin:0px;line-height:2em;}
h2{font-size:16px;font-weight:bold; line-height:2em;margin-bottom:5px;}
h3{font-size:14px;font-weight:bold;margin-top:10px; }
p{padding:5px 0px;}
a{color:#118be5;}
a:hover{text-decoration: none;}
ol li{ list-style-type:decimal;padding:2px 0px;}

/*common*/
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.bg-warning{padding:5px 10px;color:#bb7d06;margin:8px 0px;}
.pic img{border:1px solid #ccc; box-shadow:0px 0px 20px #ccc;padding:0px;width:auto;}
.green{color:green;}
.red{color:red;}
.section{margin-bottom:20px;height:auto;}
.section_center{color:red;}
.padding{padding:10px;}
.pic{margin:10px 0px;}
.pic img{box-shadow: 0px 0px 10px #ccc;}

/*layout*/
.container{min-width:1030px !important;margin:auto;background-color: #fff;}
.content .container{background:#fff;border:1px solid #ccc;padding:10px 10px;}
.content .sidebar{float:left;min-width: 190px;height:100%;padding-right:1px;border-right:1px solid #ccc;margin-right:10px;}
.content .main{height:100%;overflow:auto;padding:10px;}


/*header*/
.header{height:55px; background:#fff;margin-bottom:20px;border-bottom:1px solid #ccc;border-top:2px solid #0a8cd2;}
.header a.logo-text{float:left;color:#000;font-size:26px; width:400px;padding-top:1px;}
.header .main-nav{float:left;}
.header .main-nav li{display:inline;}
.header .main-nav a{float:left;line-height:54px;padding:0px 20px;font-size:1.1em;color:#333;}
.header .main-nav li.active a{ background:#ddd;}
#header .photo{width:25px;height:25px;border-radius:50%;}
#header .dropdown-toggle{background-color:transparent;}
 

/*sidebar*/
.sidebar ul{margin:0px;padding:0px;margin-bottom:10px;}
.sidebar li{margin-bottom:2px;}
.sidebar a{line-height:2em;color:#333;font-size:14px; display:block; text-decoration:none;}
.sidebar li a{padding-left:20px;}
.sidebar li.active a{border-left:2px solid red; background:#f5f5f5;}
.sidebar a.title{border-width:0px;padding-left:10px;font-weight:bold;}

/*main*/
.main h1{border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:10px;}
.main p{line-height:2em;} 
.main ul{ line-height:2em;}
.main .intro{margin-bottom:20px;}

.section-title{ position:relative;}
.section-title-info{ position:absolute;right:10px;top:0px;}

.wizard li{}
.wizard ul{margin-bottom:10px;}
.wizard ul li{float:left;width:180px;margin:5px;}
.wizard ul li a{display:block; background:#eef5f9;border:1px solid #d5e0e8; text-align:center;color:#333;}
.wizard ul li a:hover{background:#faf3cb;border:1px solid #bb7d06; }

/*table*/
.table th{ background:#eee;}
.col-name{width:200px;}
.col-required{width:60px;}
.col-type{width:100px;}
.row-must td{background:#f5f5f5;color:#999;}


.tap-item{display:block;padding:20px; background:#7cbae5;color:#fff; text-align:center;height:150px;margin-bottom:10px;}
.tap-item:hover{color:#fff;}

.tap-item-gray{background:#eee;color:#333;border:1px solid #ccc;}
.tap-item-gray:hover{background:#fff;color:#333;}

.tools{}
.tool-item{margin:10px 0px;border-bottom:1px solid #eee;padding-bottom:20px;margin-bottom:20px;}
.tool-item .icon{float:left;width:80px;padding-top:10px;}
.tool-item .info{float:left;width:750px;}
.tool-item .info h2{margin:0px;padding:0px;}
.tool-item .info p{margin:0px;padding:0px;color:#999;}
.tool-item .cmd{float:right;width:100px;padding-top:10px;}



.case-item{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:20px;}
.case-sendmsg{ background:url(../img/case_sendmsg.png?v=2) right -0px no-repeat;padding-right:400px;min-height:320px;}
.case-oauth{ background:url(../img/case_oauth.png?v=4) right -0px no-repeat;padding-right:600px;min-height:300px;}
/*footer*/


a.btn-primary,a.btn-primary:hover{background:#44b549;border-radius:4px;color:#fff;width:100px;border-width:0px;}