@charset "utf-8";
html { scrollbar-face-color : #fafafa; scrollbar-arrow-color : #A0A0A0; }
img { border: 0px; }
* { margin: 0; padding: 0; }
fieldset, img { border: 0; }
li { list-style: none; }
img, button, input, select, textarea, checkbox, radio { vertical-align: middle;  }
address, cite, dfn, em, var { font-style: normal; }
code, kbd, samp { font-family: courier new, courier, monospace; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
h1, h2, h3, h4, h5, h6 { font-weight:bold;}
h1 { font-size: 2em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.38em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em;  }
address, cite, dfn, em, var { font-style: normal; }
caption, td { font-weight: normal; }
cite, blackquote, em, i { font-style: italic; }
strong, b { font-weight: bold; }
pre, code { font-family: monospace; font-size: 0.8em; }
input {  }
textarea {  line-height: 22px; padding: 0px 10px; }

html {
  background:#fafafa; 
  min-height: 100%;
  background-size: 100% 100%;
}
html.small {
  background-size: auto !important;
}

body.sidebar {
  background:#fafafa; 
  background-size: 100% 100%;
  box-shadow: none;
}

body {
  padding-top: 50px;
  background:none;
  font-family: "Microsoft Yahei", sans-serif;
  line-height:160%; 
  font-size:16px;
}

a { text-decoration: underline;}
a:hover {color:#337ab7;}

.blank5, .blank10, .blank20,.blank30 { clear: both; height: 5px; }
.blank10 { height: 10px; }
.blank20 { height: 20px; }
.blank30 { height: 30px; }
.padding10 { padding: 10px; }

.content-txt {max-width:800px; margin:0px auto; line-height:220%; }

.content-txt img {max-width:800px;height:auto;}



.content-txt h3 {padding-bottom:15px; border-bottom:1px solid #eee; }
.content-txt h5 {padding-bottom:10px;margin:20px 0px 15px 0px;font-weight:bold;border-bottom:1px solid #eee; }
.content-txt h6 {padding:20px 0px;}
@media(max-width:468px) {
.content-txt h1 {font-size:1.4em;}
.content-txt h3 {font-size:1.2em;}
.content-txt h4 {font-size:1.0em;}
.content-txt h6 {font-size:1.0em;}
}


/* logo */
a.navbar-brand { display:none;width:210px;max-height:48px; margin:10px 0px 0px 10px; padding:0px; overflow:hidden;}
a.navbar-brand img {max-width:210px;max-height:48px; margin: 0px auto;}
@media (max-width: 468px) {
a.navbar-brand {display:block; max-width:180px;}
a.navbar-brand img {max-width:180px;max-height:35px;}
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border: none;
}

.navbar-inverse {background:none; border: none;}

.navbar-header {width:260px;position: relative;}

@media(max-width:468px) {
.navbar-inverse {background:#f5f5f5;}
.content-txt img {max-width:300px;}
}

@media(max-width:468px) {

#sideNav {display:none;}
.navbar-top-links {display:none;}
.sidebar,.navbar-header {width:100%;}

}



/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  width:280px;
  display: none;
  overflow:hidden;
  position: fixed;
    top: 0px;
    bottom: 0;
    left: 0;
    z-index: 1000;
	background:#f5f5f5;
	padding: 55px 0px 0px 0px;
}

@media (min-width: 768px) {
  .sidebar {
    display: block;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}


.navbar-inverse .navbar-toggle .icon-bar {background:#ccc;}

#sidebar .nav>li a {padding:5px 0px; color:#333; font-size:1.0em; text-decoration: none;}

#sidebar .nav>li a.active-menu {color:333;}
#sidebar .nav>li:focus,.nav>li>a:focus, .nav>li>a:hover,#sidebar .nav>li a:focus {background: none; color:333;}


#sidebar .nav>li>a span {padding: 0px 10px 0px 30px; }

#sidebar .nav>li>a .glyphicon {color: #999; font-size:18px;}

#sidebar .nav>li a:hover .glyphicon,#sidebar .nav>li a:focus .glyphicon,#sidebar .nav>li a:hover .glyphicon,#sidebar  ul.nav .nav-second-level>li a:hover,#sidebar  ul.nav .nav-second-level>li a:focus {color:#333;}


ul.nav .nav-second-level {margin:10px 0px 20px 0px;padding:0px;}
#sidebar .nav ul.nav-second-level>li {padding:0px;}

#sidebar  ul.nav .nav-second-level>li a {
font-size:1.0em;
	padding:8px 0px 8px 70px;
	transition: 0.1s; -webkit-transition: 0.1s; -moz-transition: 0.1s;
}


#sidebar  ul.nav .nav-second-level .nav-third-level>li a {padding-left:85px;}

@media(max-width:468px) {
#sidebar .nav>li a,#sidebar  ul.nav .nav-second-level>li a {font-size:1.0em;}
}



ul.nav li.active {position: relative;}

.pointer {
    position: absolute;
    right: -4px;
    top: 5px;
	z-index:9999999999;
	}
.pointer .glyphicon {color:#ccc;}
/*
 * Main content
 */

.main {
	padding: 50px 20px 20px 20px;
	background:#fff;
	border-radius: 0px 0px 0px 8px;
	position: absolute;
top:0px;
right:0px;
left:0px;
z-index:1;
}
@media (min-width: 768px) {
  .main {
   margin-left:280px;
   padding-top:66px;
   position: absolute;
top:0px;
right:0px;
left:0px;
  bottom:10px;
  overflow-y:auto;
  overflow-x:hidden;
  }
}
.main .page-header {
  margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}


.dropdown-menu {left:15px;}


#sideNav {
	
float:left;
    color: #868686;
    cursor:pointer;
    border-radius: 0;
    width: 14px;
    font-size: 20px;
    margin: 10px 0 0 10px;
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 24px;
}



div#sideNav:hover {
    color: #0BA2E6;
}

@media(max-width:468px) {
#sideNav {display:none;}
.navbar-top-links {display:none;}
.sidebar,.navbar-header {width:100%;}
}


.breadcrumb {background:none; border-bottom:1px solid #ccc;}

.box {
padding:5px 20px; 

}


.copy {color:#ccc; border-top:1px solid #eee; font-size:0.6em;}
.copy a {color:#ccc;}





#sidebar .nav .nav-second-level .glyphicon {
    float: left;
    margin: 5px 0px 0px -55px;
	font-size:6px;
	color: #bebebe;
}


.active > a > .glyphicon.glyphicon-menu-down:before {
    content: "\e259";
}
.active > a:focus .glyphicon.glyphicon-menu-down:before {
    content: "\e257";
}


.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {border-top:1px solid #ccc;}



table td {
    word-break: normal;
}

table td, table th {
    padding: 6px 13px;
    border: 1px solid #ddd;
}


.box-300 {width:300px;margin:0px auto;}
	.u-btn-primary--air {
    margin-top: 30px;
   
    padding: .625rem 1.125rem;

    border-color: transparent;
    font-size: 16px;
	color:#fff;
	background:#377dff;
	box-shadow:0 4px 17px rgba(55,125,255,.35)
}
.u-btn-primary--air:hover,.u-btn-primary--air:focus,.u-btn-primary--air:active,.u-btn-primary--air.active,.tab-content .tag-content-box:hover .u-btn-primary--air {color:#fff;}


.div-drag {
display:inline-block;
color: white;
    background: #333;

    height: 36px;
	line-height:36px;
    border-radius: 30px;
    padding: 0 11px;
	font-size:14px;
	text-align:center;
}

.remove {background:#f5f5f5;color:red;}
.remove .glyphicon {color:red;}