body
{
    font-family: 宋体;
    background-color: #ddd;
    /*background:url(/template/bootstrap/bg.png) repeat; */
}
.container {
  width:100%; padding:0 6px;
}

.row {
  margin:0;
}

table td input {vertical-align:top;}

/* 背景及字体颜色
----------------------------------------------------------*/
.bg-a {
	background-color: #428bca;
    background-image:none;
}
.bg-b {
	background-color: #222222;
    background-image:none;
	color: #babaca;
}
.bg-c {
	background-color: #33aabb;
    background-image:none;
}

/* 输入框样式和行为
----------------------------------------------------------*/
span.lb {border:none;padding:2px 1px 1px 0;margin:0 1px;display:inline-block; }
span.blb {border:none;padding:2px 1px 1px 0;margin:0 1px;display:inline-block;font-size:16px;}
span.ipop {border:none;padding:2px 1px 1px 0;margin:0 1px;display:inline-block;}

span.wlb {border:none;padding:2px 1px 1px 0;margin:0 1px;display:inline-block; overflow:hidden; text-overflow:clip; white-space:nowrap;}
span.wipop {border:none;padding:2px 1px 1px 0;margin:0 1px;display:inline-block; overflow:hidden; text-overflow:clip; white-space:nowrap; }

input.istr,input.iint,input.inum,input.icheck,input.iccheck,input.itime,input.idate,input.ipop,input.ipopo,textarea.itext,textarea.itextx,input.iColorPicker
{
    margin:2px;
    font-size: 9pt;
    border: #cccccc 1px solid;
    background-color: white;
    height: 14pt;
}

textarea.itext,textarea.itextx
{
    overflow:auto; 
}

input.istr
{
    background-color: white;
}

input.idate 
{
    background-color: white;
    text-align: center;
}

input.itime 
{
    background-color: white;
    text-align: center;
}

input.icheck,input.iccheck
{
    background-color: white;
    text-align:center;
    cursor:pointer;
}

input.iint
{
    background-color: white;
    text-align: right;
}
input.inum
{
    background-color: white;
    text-align: right;
}

input.ipop
{
    background-color: #e0f0f0;
}

input.ipopo,input.iColorPicker
{
    background-color: #e0f0f0;
}

/* TABLE
----------------------------------------------------------*/
table.ct 
{
    margin-top:3px;
    border:0 none ;
    table-layout: auto; 
}

table.ct td 
{
  padding: 4px;   
  border: 0 none ;
  white-space:nowrap;
  vertical-align:top ;
}

table.grid 
{
    margin-top:3px;
    border:1px solid silver; 
    table-layout: auto; 
    float: left;
    border-collapse:collapse;
    font-size:9pt;
    /*filter:progid:DXImageTransform.Microsoft.Shadow(Color=#333333,Direction=120,strength=2)*/
}
table.grid tr.n
{
    background-color: #ffffff;
}
table.grid tr.h
{
    background:#e8e8e8;
}

table.grid td 
{
  padding-top: 4px;   
  border: solid 1px silver;
  white-space:nowrap;
  vertical-align:top ;
}

table.norule 
{
    border:0px solid silver; 
    table-layout: auto; 
    float: left;
    border-collapse:collapse;
}

table.norulec 
{
    border:0px solid silver; 
    table-layout: auto; 
    border-collapse:collapse;
}

table.norule td 
{
  padding: 1px;   
  border: solid 0px #888;
  white-space:nowrap;
  vertical-align:top  ;
}

.jqflot
{
    width: 100%;
	height: 100%;
    min-height:240px;
	font-size: 14px;
	line-height: 1.2em;
}

/* 文字列表 */
a.asl,a.asl:visited {color:#446;line-height:15pt;padding:0 0}
a.asl:hover{color:#446;line-height:15pt;text-decoration:underline;}

/* 星级评分 */
.ratingstar{padding: 0px;margin: 0px;float: left;}
.ratingstar li{line-height: 0px;padding: 0px;margin: 0px;margin-left: 1px;list-style: none;float: left;cursor: pointer;}
.ratingstar li span{display: none;}

.timesline {display:block;margin:15px 0;}/*首先，我们要创建一个容器class*/

.timesline ul {list-style:none;margin-left:15px;border-left:2px solid #def;}/*利用
ul标签的特性，设置外边框左移25px，左边边框是2px粗的实心线，颜色一般要浅一点*/

.timesline ul li {width:100%;margin-left:-10px;}/*一般情况，通过li标签控制圆点回到
时间线上，然后控制要出现的文字大小和是否粗体*/

.timesline ul li b {width:8px;height:8px;background:#fff;border:2px solid 
#555;margin-left:-35px;margin-top:5px;border-radius:6px;-webkit-border-
radius:6px;-moz-border-radius:6px;overflow:hidden;display:inline-
block;float:left;}/*利用处理加粗以外没有其它特别属性b标签做时间轴的圆点。*/

.timesline ul li span {padding-left:1px;font-size:12px;line-
height:12px;color:#001;}/*设置span标签的属性，让它来做时间显示，加一点边距，使时间
显示离时间线远一点*/

.timesline ul li h2 {padding-left:1px;font-size:20px;line-
height:12px;color:#024;border-bottom:1px solid #def;}/*设置span标签的属性，让它来做时间显示，加一点边距，使时间
显示离时间线远一点*/

.timesline ul li:hover b {border:2px solid #f60;}/*注意这一行，前面的li标签后面加了
一个:hover伪属性，意思是鼠标移上来，激活后面的属性，这样可以设置鼠标移动到整个时间
范围的时候，时间点和时间显示会变色*/

.timesline ul li:hover span {color:#f60;}/*同上*/

.timesline ul li p {padding-left:5px;font-size:13px;line-height:14px;color:#abc;}/*
这里利用段落标签p做文字介绍*/



/*!
 * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Toggle Styles */

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 250px;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    background: #335;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}


    #wrapper {
        padding-left: 250px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 250px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 20px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }

/* BreakNews */
.BreakingNewsController{width:100%; overflow:hidden; background:#FFF; height:24px; position:relative;}
.BreakingNewsController .bn-title{display:inline-block; height:24px; float:left; padding:4px 8px; background:#5aa628; color:#FFF;}
.BreakingNewsController ul{padding:0; margin:0; display:block; list-style:none; position:absolute; left:180px; right:40px;}
.BreakingNewsController ul li{list-style:none; padding:4px 8px; display:none;}
.BreakingNewsController ul li a{text-decoration:none; color:#333; display:inline-block; overflow:hidden; padding:0;}
.BreakingNewsController .bn-arrows{display:inline-block; float:right; width:40px; position:absolute; right:0; top:0; bottom:0;}
.BreakingNewsController .bn-arrows span{display:block; width:15px; position:absolute; top:0; bottom:0; cursor:pointer; opacity:0.2;}
.BreakingNewsController .bn-arrows span:hover{opacity:1;}
.BreakingNewsController .bn-arrows-left{ left:0; background:url(/template/bootstrap/bn-arrows.png) left center no-repeat;}
.BreakingNewsController .bn-arrows-right{right:10px; background:url(/template/bootstrap/bn-arrows.png) right center no-repeat;}
.easing a, .easing span{transition:.25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear;}

/* mobile tabs */
.tabs{
	margin-top:20px;
	border-bottom : 2px solid #fff;
	background:url(/template/bootstrap/bg.png) repeat left top #f9fafa;
	background-size:auto 100%;
	width:100%;
	height:38px;
	overflow:hidden;
}
.tabs a{
font-size: 1.125em;
font-weight: normal;
text-align: center;
float: left;
width: 64px;
height: 38px;
line-height: 38px;
color: #2a70be;
}
.tabs a.active {
border-top: 2px solid #2a70be;
margin-top: -2px;
background:#FFF;
-webkit-background-size: 64px 39px;
-moz-background-size: 64px 39px;
-o-background-size: 64px 39px;
background-size: 64px 39px;
background-position: left top;
color: #c14545;
}

/* Image Box Style */
.imgbox {
	border: 0px solid #fff;
	cursor: pointer;
	float: left;
	margin: 5px;
	position: relative;
	overflow: hidden;
	width: 200px;
		-webkit-box-shadow: 1px 1px 1px 1px #ccc;
		-moz-box-shadow: 1px 1px 1px 1px #ccc;
		box-shadow: 1px 1px 1px 1px #ccc;
}

.imgbox .caption {
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	color: #fff;
	z-index: 100;
		-webkit-transition: all 100ms ease-out;
		-moz-transition: all 100ms ease-out;
		-o-transition: all 100ms ease-out;
		-ms-transition: all 100ms ease-out;	
		transition: all 100ms ease-out;
	left: 0;
}

.imgbox .simple-caption {
	height: 35px;
	width: 100%;
	display: block;
	bottom: -35px;
	line-height: 25pt;
}

.imgbox:hover .simple-caption {
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	opacity: 0.8;
	transform: translateY(-100%);
}


.imgbox .captionleft {
    display: inline-block;
    float: left;
    font-size:16px;
    margin-left: 5px;
}

.imgbox .captionright {
    display: inline-block;
    float: right;
    font-size:16px;
    margin-right: 10px;
}