body {font: 12px/1.5 Tahoma,'Microsoft Yahei','Simsun';}
/* Tweak navbar brand link to be super sleek
-------------------------------------------------- */
body > .navbar {
  font-size: 13px;
}
.sortlist{padding-bottom:10px}
.margin0{margin:0;clear:both;}
.margin10{margin:10px 0;*margin:0;padding:0;}
/* Change the docs' brand */
body > .navbar .brand {
  padding: 0;
  margin-left: 20px;
  float: right;
  font-weight: bold;
  color: #000;
  text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.125);
  -webkit-transition: all .2s linear;
     -moz-transition: all .2s linear;
          transition: all .2s linear;
}
body > .navbar .brand:hover {
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.4);
}
.downlikethumbnails .thumbnail{border:0}
.right-list-img img{_width:300px}
.tab-content .tab-pane .label {margin-right: 12px;}
/* Base class
------------------------- */
.jumbotron {
  position: relative;
  padding: 50px 0 10px;
  color: #fff;
  text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
}
#overview .nav a {
    float: left;
    margin-right: 31px;
    padding-top: 50px;
    text-align: center;
    width: 50px;
}
#overview .nav a i {
    display: inline-block;
    line-height: 24px;
    width: 50px;
}
.ep-h1 {
    font-size: 26px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 31px;
}
.ep-keyword a{padding-left:3px}
.ep-summary{
	color: #888888;
    font-size: 14px;
    line-height: 24px;
    margin: 0;
    overflow: hidden;
    padding: 10px 20px;
    text-align: justify;
    text-indent: 2em;
}
#endText {clear: both;font-size: 16px;line-height: 28px;margin-right: 10px;overflow: hidden;text-align: justify;text-justify:inter-ideograph;word-wrap: break-word;}
#endText h2 {font-size: 16px;}
#endText p {font-size: 16px;margin: 18px 0;text-indent: 2em;}
#endText p img{margin-left:-2em;}
#endText {font-size: 16px;line-height: 28px;}
#endText img {border:1px #CCC solid;padding:1px;margin:3px 0px;}
.footer-links {margin: 10px 0;}
.footer-links li {display: inline;padding: 0 2px;}
.footer-links li:first-child {padding-left: 0;}
footer {background-color: #F5F5F5;box-shadow: 0 0 10px #FFFFFF;padding: 30px 0;}
#downCarousel .carousel-caption{padding:10px;}
#downCarousel .carousel-indicators{bottom:15px;top:auto;background:none repeat scroll 0 0 transparent;_display:none}
#downCarousel .carousel-indicators li{*background-color:#000;}
#downCarousel .carousel-indicators li.active{*background-color:#fff;}
#downCarousel .carousel-caption{filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5;_display:none}
.marketing ul.media-body{margin:0}
.marketing ul.media-body li{width:33%;float:left;}
.pagination{margin:0 0 10px 0}
.breadcrumb{margin:0 0 5px}
.breadcrumb li {height:25px;line-height:25px;font-size:13px}
.down_arc_ul{background-color:#fff;margin:0 0 10px}
.down_arc_ul li{height:auto;line-height:auto;padding:0 10px;}
.jinghua_ul{padding:9px 0;*padding:0;list-style:none outside none}
.jinghua_ul li{height:23px;line-height:23px;overflow:hidden;list-style:none outside none}
.jinghua_ul li a{color: #333;font-size: 14px;}
.jinghua_ul li a:hover{color:#cc0000;}
.m0title{*margin:0}
.xglist {width: 100%;}
.xglist span {color: #999999;float: right;font-size: 12px;margin-right: 5px;}
.xglist li {float: left;width: 48%;height:25px;overflow: hidden;line-height: 25px;}
.media .muted_font_left{float:left}
.media .muted_font_right{float:right}
.media-list .media  { position:relative;}
.media .zhezhao { position:absolute; top:0; left:0; width:121px; height:121px;  background:url(https://www.18183.com/templets/ku/images/zhezhao1.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.18183.com/templets/ku/images/zhezhao1.png',sizingMethod='scale');}
.marketing{background:url(../img/content_bg.png) repeat-y scroll 67% 0 transparent;}
.xlistimg{float:left;padding-right:10px; width:121px; height:121px; overflow:hidden;}
/* Desktop
------------------------- */
@media (min-width: 1000px) {
	ul.down_info_ul li{width:25%;}
}
@media (max-width: 980px) {
  /* Unfloat brand */
  body > .navbar-fixed-top .brand {
    float: left;
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  
}
/* Tablet to desktop
------------------------- */
@media (min-width: 768px) and (max-width: 979px) {
  /* Remove any padding from the body */
  body {
    padding-top: 0;
  }
  /* Widen masthead and social buttons to fill body padding */
  .jumbotron {
    margin-top: -20px; /* Offset bottom margin on .navbar */
  }
  /* Adjust sidenav width */
  .bs-docs-sidenav {
    width: 166px;
    margin-top: 20px;
  }
  .bs-docs-sidenav.affix {
    top: 0;
  }
}
/* Tablet
------------------------- */
@media (max-width: 767px) {
  /* Remove any padding from the body */
  .marketing ul.media-body  li{width:49%;float:left}
  body {padding-top: 0;padding-left: 2px;padding-right: 2px;}
  .downlikethumbnails .span3{width:49%;float:left;}
  .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {margin-left: 2px;margin-right: 2px;}
  .xglist li{ width:100%;}
  .marketing{background:none}
  .navbar-fixed-top{left:0;margin:0;position: fixed;padding:0;right:0;z-index:1030;}
  /* Widen masthead and social buttons to fill body padding */
  .jumbotron {
    padding: 60px 0px 10px;
  }
}

/* Landscape phones
------------------------- */
@media (max-width: 480px) {
  /* Change up some type stuff */
  h2 small {
    display: block;
  }
  h3.media-heading{font-size:22px;}
    .breadcrumb{padding-bottom:20px}
	.down_arc_ul li{float:left;width:49%;padding:0 0 5px 0;}
  .navbar-inner{padding-left:10px;padding-right:10px;}
  .media-list .media-a,.sortlist{display:none;}
  .media .muted_font_left,.media .muted_font_right{float:none}
}