body {margin:0px;padding:0px;font-family:微软雅黑,Arial,Helvetica,sans-serif;font-size:13px;color:#333; overflow:scroll;}
button,.button{
	clear:both;
	margin:0 auto;
	padding:3px 8px 4px 8px;
    background:#ccc;
    color:#333;
    font-size:12px;
    -webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:rgba{0,0,0,0.2} 0px 1px 3px;
	-moz-box-shadow:rgba{0,0,0,0.2} 0px 1px 3px;
	box-shadow:rgba{0,0,0,0.2} 0px 1px 3px;
}
.circle-fill {
	border:2px solid #eee;
	clear:both;
	margin:0 auto;
	padding:3px 8px 4px 8px;
    background:#eee;
    color:#333;
    -webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:rgba{0,0,0,0.2} 0px 1px 3px;
	-moz-box-shadow:rgba{0,0,0,0.2} 0px 1px 3px;
	box-shadow:rgba{0,0,0,0.2} 0px 1px 3px;
}
.circle-border {
	border:2px solid #eee;
	clear:both;
	margin:0 auto;
	padding:3px 8px 4px 8px;
    -webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:rgba{0,0,0,0.2} 0px 1px 3px;
	-moz-box-shadow:rgba{0,0,0,0.2} 0px 1px 3px;
	box-shadow:rgba{0,0,0,0.2} 0px 1px 3px;
}

  #tables tr th{height: 35px;padding:8px 5px;bpoint-right:1px solid #fff;bpoint-bottom:1px solid #fff;font-size:12px;background:#ddd;color:#111;}
  #tables tr td{min-height: 30px;padding:3;bpoint-right:1px solid #fff;bpoint-bottom:1px solid #fff;font-size:12px;}
  .row0{background:#f1f1f1;}
  .row1{background:#eee;}
  #tables a{background:transparent !important;color:#004289 !important;}
  #tables a:hover{text-decoration:underline;}

  .pagenum{padding:5px;color:blue;cursor:pointer;}
  .pagenum:hover{color:red !important;}
  .current{color:red !important;cursor:default;}

  select[multiple]{height:100px;}
  .trhover:hover{background-color:#69BBF5;}

.table {table-layout:fixed;border-collapse:collapse;border-color:#ccc;}
.bold{font-weight:bold;}

.back_dark{background:#3e4956;}
.back_darkgrey{background:#55606E;}
.back_grey{background:#9099A3;}
.back_lightgrey{background:#eee;}
.back_green{background:#1e8449;}
.back_lightred{background:#ea6152;}
.back_red{background:#d62c1a;}
.back_white{background:#fff;}
.back_orange{background:#f90;}
.back_blue{background:#62b0df;}
.back_darkblue{background:#217dbb;}	
.dark{color:#3e4956;}
.darkgrey{color:#55606E;}
.grey{color:#9099A3;}
.lightgrey{color:#eee;}
.green{color:#1e8449;}
.lightred{color:#ea6152;}
.red{color:#d62c1a;}
.white{color:#fff;}
.orange{color:#f90;}
.blue{color:#62b0df;}
.darkblue{color:#217dbb;} 

.mdrow1{background:#f5f5f5;}
.mdrow0{background:#eee;}

.asterisk{font-weight:bold;color:red;font-size:14px;padding-right:5px;}

.pagenum{padding:5px;color:blue;cursor:pointer;}
.pagenum:hover{color:red !important;}
.current{color:red !important;cursor:default;}
.trhover:hover{background-color:#69BBF5;}

.align_title{text-align:center;height:25px;background:#ccc;}
.align_left{text-align:left;padding-left:5px;height:20px;}
.align_center{text-align:center;height:20px;}
.align_right{text-align:right;padding-right:5px;height:20px;}

/*
 body {
  font-family: "Helvetica Neue", Helvetica, Arial;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #3b3b3b;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  background: #2b2b2b;
}
*/
.wrapper {
  margin: 0 auto;
  padding: 4px;
  max-width: 100%;
}
.search-container {
  margin: -40px 20px -40px 20px;
  padding: 10px;
  max-width: 100%;
}

.container {
  height: calc(100vh + 200px);
  width:100%;
  padding:0px 10px 10px 10px;
}
/*
  margin: top right bottom left;
*/
.table_circle {
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: table;
  margin: 0px;
  overflow: hidden;
  background: #FFF;
  color: #024457;
  border-radius: 5px;
  border: 1px solid #167F92;
  min-height: 140px;
}
.table_rectangle {
  margin: 10px 0px 10px 0px;
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: table;
}
@media screen and (max-width: 580px) {
  .table_circle {
    display: block;
  }
  .table_rectangle {
    display: block;
  }
}

.mdrow {
  display: table-row;
  background: #f6f6f6;
}
.mdrow:nth-of-type(odd) {
  background: #e9e9e9;
}
.mdrow.header {
  font-weight: 900;
  color: #ffffff;
  background: #ea6153;
}
.mdrow.green {
  background: #27ae60;
}
.mdrow.blue {
  background: #2980b9;
}
@media screen and (max-width: 580px) {
  .mdrow {
    padding: 8px 0;
    display: block;
  }
}

.mdcell {
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 10px;
  min-height:25px;
}
@media screen and (max-width: 580px) {
  .mdcell {
  min-height:25px;
    padding: 8px;
    display: block;
  }
}

.img_small {
  max-width:100%;
}

.promotion{
  position:absolute;
  padding-top:14px;
  padding-bottom:14px;
  width:100px;
  height:50px;
  top:10px;
  right:10px;
  background:url('/Public/Images/promotion.png');
  -moz-background-size:100px 50px;
  -webkit-background-size:100px 50px;
  -o-background-size:100px 50px;
  background-size:100px 50px;
  background-repeat: no-repeat;
  opacity: 0.618;
  color:blue;
  font: bold 10px/11px Georgia, serif;
  text-align: center;
  transform:rotate(30deg);
  -ms-transform:rotate(30deg); /* IE 9 */
  -moz-transform:rotate(30deg); /* Firefox */
  -webkit-transform:rotate(30deg); /* Safari and Chrome */
  -o-transform:rotate(30deg); /* Opera */
}

.nav_tabs{border-bottom:1px solid #ddd;}.nav_tabs>li{float:left;margin-bottom:-1px;}.nav_tabs>li>a{padding-left:20px;padding-right:20px;margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav_tabs>li>a:hover{border-color:#eee #eee #ddd}.nav_tabs>li.active>a,.nav_tabs>li.active>a:focus,.nav_tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav_tabs.nav-justified{width:100%;border-bottom:0}.nav_tabs.nav-justified>li{float:none}.nav_tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav_tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:300px){.nav_tabs.nav-justified>li{display:table-cell;width:1%}.nav_tabs.nav-justified>li>a{margin-bottom:0}}.nav_tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav_tabs.nav-justified>.active>a,.nav_tabs.nav-justified>.active>a:focus,.nav_tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:300px){.nav_tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav_tabs.nav-justified>.active>a,.nav_tabs.nav-justified>.active>a:focus,.nav_tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:300px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav_tabs-justified{border-bottom:0}.nav_tabs-justified>li>a{margin-right:0;border-radius:4px}.nav_tabs-justified>.active>a,.nav_tabs-justified>.active>a:focus,.nav_tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:300px){.nav_tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav_tabs-justified>.active>a,.nav_tabs-justified>.active>a:focus,.nav_tabs-justified>.active>a:hover{border-bottom-color:#fff}}
.nav_tabs
 {
   border-color:#1A3E5E;
   width:100%;
 }

.nav_tabs > li a { 
    border: 1px solid #1A3E5E;
    background-color:#2F71AB; 
    color:#fff;
    }

.nav_tabs > li.active > a,
.nav_tabs > li.active > a:focus,
.nav_tabs > li.active > a:hover{
    background-color:#D6E6F3;
    color:#000;
    border: 1px solid #1A3E5E;
    border-bottom-color: transparent;
    }

.nav_tabs > li > a:hover{
  background-color: #D6E6F3 !important;
    border-radius: 5px;
    color:#000;

} 

.tab-pane {
    border:solid 1px #1A3E5E;
    border-top: 0; 
    width:100%;
    background-color:#D6E6F3;
    padding:15px;
    height:150px;
    overflow-y: hidden;
}

.container {
  overflow-y: auto;
  height: 500px;
}

.container1 {
  overflow-y: auto;
  height: 400px;
}