.green {
  color: #77b50d;
}
.orange {
  color: #ed7118;
}
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
ul {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
.l {
  float: left;
}
.r {
  float: right;
}
.clearfix:after {
  *content: ".";
  *display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix 
{
    display:inherit;
  *display: inline-block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
.dropdown-menu {
  z-index: 1000;
  *position: absolute;
}
.rightlinkwrap .dropdown-menu
{
    z-index:1002;
    right:2px;
    *right:35px;
    right:35px\9;
}
.rightlinkwrap .dropdown-caret:after
{
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    right: 36px;
    position: absolute;
    top: -12px;
    height:12px;
    width:6px;
}
.rightlinkwrap .dropdown-caret:before
{
    border-bottom: 7px solid #acacac;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    right: 35px;
    position: absolute;
    top: -13px;
    height:13px;
    width:7px;
}
.navbar-inner {
  filter: none;
}
body {
  font-size: 13px;
  font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #373737;
  background: url(images/body-bg.gif) repeat;
  position: relative;
}
em {
  font-style: normal;
}
dl {
  margin-bottom: 0;
}
dt {
  font-weight: normal;
}
.mt25 {
  margin-top: 25px;
}
.container {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .container {
    width: 1098px;
  }
  .bg-white
  {
    padding: 14px;  
  }
  /*.courseSide
  {
     width:100% !important; 
      }*/
}
@media (min-width: 992px) {
  .container {
    width: 1098px;
  }
}
.bg-white {
  background-color: #ffffff;
  padding: 24px;
    box-shadow:2px 2px 10px #ddd;
    border:1px solid #d3d3d3;
}
.establishment
{
    display: inline-block;
    margin-bottom:15px;
    border:1px solid #dbdbdb;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    height:33px;
    width:323px;
    *width:295px;
    padding-left: 30px;
}
.loginTxt_V2
{
    height: 30px;
    line-height: 30px;
    *height: 28px;
    *line-height: 28px;
    width:280px;
    border:none;
}
.login_BtnV2
{
    background:#0658b0;
    width:329px;
    margin:15px 0 10px 0;
    height: 44px;
    line-height: 44px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    border:none;
    vertical-align:middle;
}
.login_BtnV2:hover
{
    background:#0660c1;
    color:#fff;
    text-decoration:none;
}
.f-orange {
  color: #ed7118;
}
h4 {
  margin: 0;
  color: #0190d4;
  font-size: 18px;
}
h5 {
  font-size: 15px;
}
.more {
  font-size: 16px;
  margin-left: 5px;
}
.navbar {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.nav-top {
  background: url(images/body-bg.gif) repeat;
  height:55px;
}
.nav-warn {
  background: #ffffff;
  padding: 5px 20px;
  text-align: center;
  -webkit-border-radius: 0 0 40px 40px;
  -moz-border-radius: 0 0 40px 40px;
  border-radius: 0 0 40px 40px;
  behavior: url(PIE.htc);
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  box-shadow:2px 2px 10px #dcdcdc;
  border:1px solid #d3d3d3;
  border-top:none;
  *box-shadow:none;
}
.navbar-nav.navbar-right:last-child {
  margin-right: 0;
}
.list-inline > li {
  padding-left: 0;
  padding-right: 0;
}
.logo-studymap
{
    height:45px;
    margin:5px 0;
}
.nav-userbar {
  height: 40px;
  line-height: 40px;
  *float: left;
  margin: 5px;
}
.nav-userbar .head-pic {
  background: #ffffff;
  width: 40px;
  height: 40px;
  margin: 0 5px;
}
.bluenav {
  background-color: #0190d4;
  border: 0;
  height:75px;
  border-bottom:1px solid #006599;
  position:relative;
  z-index:2;
}
@media(max-width:768px)
{
 .bluenav
 {
   height:auto;  
 }   
  }
.bluenav .container {
  background-color: #0190d4;
  *width:1052px;
}
.bluenav .container .navbar-collapse {
  padding-left: 0;
  padding-right: 0;
}
.bluenav .nav > li > a {
  padding-left: 0;
  padding-right: 0;
}
.bluenav .navbar-nav {
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 0;
}
.bluenav .navbar-nav li > a {
  color: #ffffff;
  text-align: center;
  min-width: 87px;
  position: relative;
  padding-left: 0;
  padding-right: 0;
  *display:inline-block;
  *height:45px;
  *padding-top:18px;
  text-shadow:1px 1px 1px gray;
}
.bluenav .navbar-nav li > a .warn {
  position: absolute;
  top: -10px;
  right: 15px;
  background: url(images/warn.png);
  color: #a4a4a4;
  width: 17px;
  height: 22px;
  text-align: center;
  font-size: 12px;
}
.bluenav .navbar-nav li > a .warn-new {
  background: url(images/warn-new.png);
  color: #ffffff;
}
.bluenav .navbar-nav li > a:hover {
  height:74px;
  background-color:#0190d4;
  text-shadow:1px 1px 4px #0a304a;
}
.bluenav .navbar-nav li > a:hover .warn
{
    text-shadow:1px 1px 1px gray;
}
    .bluenav .navbar-nav li.active > a:hover .warn
    {
        text-shadow:1px 1px 4px #0a304a;
    }
.bluenav .navbar-nav li.active > a, .bluenav .navbar-nav li.active > a:focus
 {
  color: #ffffff;
  cursor: default;
  background-color: #006599;
  height:74px;
  text-shadow:1px 1px 4px #0a304a;
  *height:48px;
}
.bluenav .navbar-nav li.active > a:hover {
  background-color: #006599;
  text-shadow:1px 1px 4px #0a304a;
}
.bluenav .navbar-nav .fs1 {
  font-size: 20px;
}
    /*.bluenav .navbar-nav a:hover .fs1
    {
        font-size:26px;
    }*/
    .bluenav .navbar-nav li.active a:hover .fs1
    {
        font-size:20px;
    }
.navbar-collapse.in
{
    overflow-x:hidden;
}
.content-wrap {
  margin-top: 20px;
  /*.row{
		padding-bottom: 25px;
	}*/
}

.content-wrap dl {
  padding: 5px 0;
}
.content-wrap dl h5 a {
  color: #373737;
}
.content-wrap .dcm-title {
  border-left: 5px solid #0190d4;
  padding-left: 10px;
}
.content-wrap a:hover {
  text-decoration: inherit;
  color: #ed7118;
}
.content-wrap .dropdown-right {
  position: absolute;
  right: 25px;
  top: 22px;
  z-index: 1000;
}
.content-wrap .info-first .dropdown {
  position: absolute;
  z-index: 1000;
}
.content-wrap .index-info {
  height: 415px;
  *height:425px;
  margin-bottom: 25px;
  position: relative;
  padding: 0;
}
.content-wrap .index-info .info-first {
  padding: 25px 25px 0 25px;
}
.content-wrap .index-info .info-first .report-chart {
  margin-top: 20px;
}
.content-wrap .index-info .report-yearly {
  width: 100%;
  background: #f3f5f5;
  border-top: 1px solid #eceeef;
  position: absolute;
  bottom: 0;
  *height: 94px;
}
.content-wrap .index-info .report-yearly .row {
  padding-bottom: 12px;
  padding-top: 12px;
  margin: 0;
}
.content-wrap .index-info .report-yearly .row .yearly-part {
  text-align: center;
  padding: 0;
  *width: 107px;
  width: 107px\9;
}
.content-wrap .index-info .report-yearly .row .yearly-part .report-circle {
  background: url(images/report-circle.gif) no-repeat 0 0;
  width: 44px;
  height: 44px;
  margin: 0 auto;
  text-align: center;
  line-height: 44px;
  color: #66a6d3;
  font-size: 13px;
  margin-bottom: 5px;
}
.content-wrap .index-studymap {
  height: 415px;
  *height: 401px;
  margin-bottom: 25px;
  padding-bottom: 0;
}
.content-wrap .index-studymap dl {
  position: relative;
  border-bottom: 1px solid #ebedee;
}
.content-wrap .index-studymap dl .from-who {
  position: absolute;
  top: 19px;
  right: 0;
  color: #a4a4a4;
}
.content-wrap .index-studymap dl .dl-head,
.content-wrap .index-studymap dl .text-right {
  color: #a4a4a4;
}
.content-wrap .index-studymap dl dd > div {
  line-height: 190%;
}
.content-wrap .index-studymap dl:last-child {
  border-bottom: 0;
}
.content-wrap .index-studymap dl a
{
    width:130px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display:inline-block;
}
.content-wrap .index-notice dd {
  color: #a4a4a4;
}
.content-wrap .index-share {
  margin-bottom: 25px;
}
.content-wrap .index-share .share-m {
  background: url(images/body-bg.gif) repeat repeat;
  padding: 10px;
  margin-top: 12px;
}
.content-wrap .index-share .share-m li {
  float: left;
}
.content-wrap .index-share .share-m li:first-child
{
    width:25px;
}
.content-wrap .index-share .share-m li .fs1 {
  font-size: 20px;
  color: #a4a4a4;
  *display: inline-block;
  *width: 30px;
  line-height:150%;
  padding-right:5px;
}
.content-wrap .index-share .share-m li input {
  *width: 130px;
  *height: 22px;
  *line-height: 22px;
}
.content-wrap .index-share .share-m .row {
  padding-bottom: 0;
}
.content-wrap .index-share .share-m button {
  margin-top: 10px;
}
.content-wrap .index-friend {
  height: 420px;
  margin-bottom: 25px;
}
.content-wrap .index-history {
  min-height: 420px;
  color: #a4a4a4;
  padding-bottom: 25px;
  margin-bottom: 25px;
  position: relative;
}
.content-wrap .index-history .dropdown {
  position: absolute;
  top: 22px;
  right: 25px;
}
.content-wrap .index-history .more {
  position: absolute;
  bottom: -10px;
  text-align: center;
  width: 100%;
}
.content-wrap .index-history .more a {
  background-color: #ffffff;
  padding-left: 20px;
  padding-right: 20px;
}
.content-wrap .index-history .history-m {
  position: relative;
  margin-top: 12px;
  border-bottom: 1px solid #006599;
}
.content-wrap .index-history .history-m dl {
  padding: 0;
  position: relative;
  padding-bottom: 20px;
  *padding-bottom:40px;
  border-left: 1px solid #006599;
}
.content-wrap .index-history .history-m dl dt {
  font-size: 14px;
  padding-bottom: 10px;
  padding-left: 20px;
}
.content-wrap .index-history .history-m dl dt .badge {
  border: 1px solid #006599;
  background-color: #ffffff;
  position: absolute;
  left: -10px;
  top: 0;
  *padding:3px 4px;
  *top:-2px;
}
.content-wrap .index-history .history-m dl dd {
  line-height: 200%;
}
.content-wrap .index-history .history-m dl dd .row {
  padding-bottom: 0;
}
.content-wrap .index-history .history-m dl dd .row .fs1 {
  font-size: 16px;
  color: #d8d8d8;
}
.content-wrap .index-history .history-m dl dd .row em {
  color: #373737;
}
.content-wrap .index-history .history-m dl dd .row .history-time {
  *width: 220px;
  *float: left;
}
.content-wrap .index-history .history-m dl dd .row .history-content {
  *width: 540px;
  *float: right;
}
.content-wrap .index-history .history-m dl dd th {
  padding-left: 50px;
  padding-right: 40px;
  font-weight: normal;
}
@media (max-width: 768px) {
  .content-wrap .index-history .history-m dl dd th {
    padding-left: 20px;
    padding-right: 10px;
  }
}
.content-wrap .index-history .history-m dl dd td .fs1 {
  font-size: 16px;
  color: #d8d8d8;
}
.content-wrap .index-history .history-m dl dd td em {
  color: #373737;
}
.friend-m,
.list-select {
  margin-top: 20px;
}
.friend-m .slider-nav li,
.list-select .slider-nav li {
  padding: 0 5px;
  border-right: 1px solid #a4a4a4;
  *float: left;
}
.friend-m .slider-nav li a,
.list-select .slider-nav li a {
  color: #373737;
}
.friend-m .slider-nav .active a,
.list-select .slider-nav .active a {
  color: #ed7118;
  cursor: default;
}
.friend-m .slider-nav li:last-child,
.list-select .slider-nav li:last-child {
  border-right: 0;
}
.friend-m .friend-list,
.list-select .friend-list {
  margin-top: 10px;
}
.friend-m .friend-list li,
.list-select .friend-list li {
  padding: 10px 0;
}
.friend-m .friend-list li table,
.list-select .friend-list li table {
  width: 100%;
  color: #a4a4a4;
}
.friend-m .friend-list li table td > div,
.list-select .friend-list li table td > div {
  width: 33px;
  height: 39px;
  border: 1px dotted #d8d8d8;
  text-align: center;
  padding-top: 5px;
}
.friend-m .friend-list li table td > div span.fs1,
.list-select .friend-list li table td > div span.fs1 {
  font-size: 22px;
  color: #d8d8d8;
}
.friend-m .friend-list li table em,
.list-select .friend-list li table em {
  color: #373737;
}
.map-progress {
  margin-bottom: 15px;
  margin-left: -38px;
  *padding-top: 10px;
}
.map-progress li {
  position: relative;
  padding-right: 25px;
  width: 50px;
  *width: 30px;
  *float: left;
  border-bottom: 1px solid #a4a4a4;
  *margin-left:10px;
  *padding-right:5px;
}
.map-progress li span {
  position: absolute;
  top: -9px;
  right: -10px;
  z-index: 999;
  background-color: #a4a4a4;
  *padding:3px 4px;
}
.map-progress .progress-on {
  border-bottom: 1px solid #ed7118;
  *z-index: 100;
}
.map-progress .progress-on .badge {
  background-color: #ed7118;
}
.map-progress li:first-child {
  border: 0;
}
.nav-top .logowrap {
  width: 260px\9;
  padding-left: 0\9;
  *width: 260px;
  *padding-left: 15px;
}
.nav-top .warnwrap {
  width: 550px\9;
  *width: 510px;
}
.nav-top .rightlinkwrap {
  width: 280px\9;
  float: right\9;
  *width: 220px;
  *float: right;
}
.container .infowrap {
  width: 450px\9;
  padding-left: 0\9;
  *width: 430px;
  *padding-left: 15px;
}
.container .mapwrap {
  width: 365px\9;
  *width: 310px;
}
.container .noticewrap {
  width: 275px\9;
  *width: 250px;
}
.container .historywrap {
  width: 815px\9;
  padding-left: 0\9;
  *width: 770px;
  *padding-left: 15px;
}
.container .friendwrap {
  width: 275px\9;
  *width: 250px;
}
.badge {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  behavior: url(PIE.htc);
  *position: absolute;
}
.navbar-wrap .row,
.content-wrap > .container > .row,
.content-wrap > .container > .list-part {
  width: 1100px\9;
  margin: 0 auto\9;
  *width: 1080px;
  *margin: 0 auto;
}
.content-wrap > .container > .list-part {
  *margin-bottom: 25px;
}
/*less*/
.navbar-toggle {
  display: none\9;
  *display: none;
}
section {
  display: block\9;
  *display: block;
}
.collapse.navbar-collapse {
  display: block\9;
  *display: block;
}
.nav > li {
  float: left\9;
  *float: left;
}
.nav > li a {
  height: 70px\9;
  *height: 30px;
}
.bluenav .navbar-nav {
  width: 1098px\9;
  margin: 0 auto\9;
  *width: 1050px;
  *margin: 0 auto;
}
.navbar-inverse .navbar-collapse {
  border: 0\9;
  *border: 0;
}
/*.bluenav .navbar-nav .fs1,
.bluenav .navbar-nav br {
  *display: none;
}*/
.bluenav .navbar-nav LI > A .warn {
  *line-height: 16px;
}
/*list*/
.list-select {
  margin-top: 0;
}
.list-select .list-inline {
  margin-left: 10px;
}
/*.list-part{
  margin-left:-15px;
}*/
.list-part > .row > div {
  background-color: #fff;
  width: 523px\9;
  *width: 479px;
  margin: 0 15px\9;
  *margin: 0 15px;
  float: left\9;
  *float: left;
  margin-bottom: 25px;
  min-height:300px;
}
@media (min-width: 1200px) {
  .list-part .col-md-6,
  .list-part .col-lg-6 {
    width: 47%;
    margin: 0 15px;
  }
}
@media (min-width: 992px) {
  .list-part .col-md-6,
  .list-part .col-lg-6 {
    width: 47%;
    margin: 0 15px;
  }
}
.list-part .bg-white
{
    padding:0 24px;
}
.list-up {
  border-bottom: 1px solid #d4d4d4;
  padding-bottom: 10px;
}
.list-info {
  position: relative;
  height: 40px;
}
.list-name {
  font-size: 18px;
  font-weight: bold;
  line-height: 150%;
}
.list-status {
  background-color: #ebedee;
  padding: 5px 10px;
  width: 70px;
  *width: 52px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *behavior: url(PIE.htc);
}
.status-ball {
  display: inline-block;
  width: 5px;
  height: 5px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  *behavior: url(PIE.htc);
  margin-right: 5px;
  vertical-align: middle;
}
.status-being .status-ball {
  background-color: #edae18;
}
.status-end .status-ball {
  background-color: #818181;
}
.status-doing .status-ball {
  background-color: #69a700;
}
.status-being .task-progress,
.status-being .task-status {
  display: none;
}
.list-time {
  position: absolute;
  right: 10px;
  bottom: 0;
  width: 150px\9;
  *width: 150px;
}
.list-who {
  color: #a4a4a4;
}
.list-down {
  padding-top: 20px;
}
.task-list {
  line-height: 200%;
  padding-right: 0;
  width: 362px\9;
  *width: 329px;
}
.list-gray {
  color: #a4a4a4;
}
.task-finished {
  color: #77b50d;
}
.task-unfinished {
  color: #cd1800;
}
.task-being {
  color: #bc7700;
}
.task-progress {
  padding-left: 0;
  width: 159px\9;
  *width: 135px;
}
.task-progress h1 {
  font-size: 30px;
  color: #ed7118;
  font-weight: bold;
  margin-bottom: 0;
}
.task-progress h1 span {
  font-size: 60px;
  font-weight: normal;
}
.detail-link a {
  color: #006599;
  font-size: 16px;
}
.task-ft {
  margin-top: 10px;
}
.detail-up {
  position: relative;
  margin-bottom: 25px;
}
@media (min-width: 1200px) {
  .detail-up .row .col-md-3,
  .detail-up .row .col-lg-3 {
    width: 23%;
  }
}
@media (min-width: 992px) {
  .detail-up .row .col-md-3,
  .detail-up .row .col-lg-3 {
    width: 23%;
  }
}
.detail-up .row .detail-info {
  line-height: 250%;
  border-right: 1px solid #a4a4a4;
  padding-right: 20px;
  margin-right: 10px;
  position: relative;
}
.detail-up .row .detail-info h2 {
  color: #0190d4;
  font-weight: bold;
  font-size: 24px;
}
.detail-up .row .detail-info .task-join {
  position: absolute;
  top: 0;
  right: 20px;
}
.detail-up .row .detail-info a {
  color: #0190d4;
  text-decoration: underline;
}
.detail-up .row .detail-info a:hover {
  color: #ed7118;
  text-decoration: none;
}
.detail-up .row .detail-info .progress {
  margin-bottom: 0;
  margin-top: 10px;
}
.detail-up .row .detail-from table {
  margin-top: 40px;
}
.detail-up .row .detail-from table img {
  margin-right: 10px;
}
.detail-up .map-sign {
  position: absolute;
  top: 0;
  left: -18px;
  color: #fff;
  background: url(images/map-sign.jpg) no-repeat 0 0;
  width: 188px;
  height: 37px;
  padding-top: 2px;
  padding-left: 15px;
}
.detail-left {
  position: relative;
  padding-right: 0;
}
.detail-left a {
  color: #0190d4;
  text-decoration: underline;
}
.detail-left a:hover {
  color: #ed7118;
  text-decoration: none;
}
.detail-left .white-square {
  background-color: #ffffff;
  width: 100px;
  height: 20px;
  position: absolute;
  top: 58px;
  left: 0;
}
.detail-left .open-all {
  position: absolute;
  right: 20px;
  top: 20px;
}
.detail-left .dcm-title {
  margin-bottom: 15px;
}
.detail-left .dcm-title .list-gray {
  font-size: 13px;
}
.detail-left .stage-part {
  line-height: 300%;
  border-left: 1px solid #a4a4a4;
  border-bottom: none;
  margin-left: 60px;

}
    .detail-left .stage-part:first-child
    {
        padding-top:0;
    }
.detail-left .stage-part .stage-name {
  width: 42px;
  display: inline-block;
}
    .detail-left .stage-part .text-right
    {
        width:98px\9;
        *width:105px;   
    }
.stage-part .stage-play
{
    display:none;
}
.stage-part:hover .stage-play
{
    display:block;
}
.detail-left .stage-part dt > div,
.detail-left .stage-part dd > div {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-right: 10px;
}
.detail-left .stage-part dt {
  line-height: 29px;
  margin-left: -60px;
  position: relative;
  font-weight: bold;
  font-size: 14px;
}
.wbs-close, .wbs-open
{
    font-weight:normal;
}
.detail-left .stage-part dt .wbs-close,
.detail-left .stage-part dt .wbs-open {
  position: absolute;
  top: 0;
  right: 10px;
}
.detail-left .stage-part dt .wbs-close {
  display: block;
}
.detail-left .stage-part dt .wbs-open {
  display: none;
}
.detail-left .stage-part dt .stage-name {
  width: 37px;
  vertical-align:middle;
}
.detail-left .stage-part dt .label {
  height: 36px;
  line-height: 29px;
  width: 36px;
}
.detail-left .stage-part dt .col-xs-6,
.detail-left .stage-part dt .col-md-6,
.detail-left .stage-part dt .col-lg-6 {
  padding: 0;
}
.detail-left .stage-part dd {
  display: block;
  margin-left: -60px;
  position: relative;
}
.detail-left .stage-part dd .stage-name {
  color: #a4a4a4;
}
.detail-left .stage-part dd .col-xs-4,
.detail-left .stage-part dd .col-md-4,
.detail-left .stage-part dd .col-lg-4 {
  padding: 0;
}
.detail-left .stage-part dd .fs1 {
  color: #a4a4a4;
  margin-left: -1px;
}
.detail-left .stage-selected dd .fs1 {
  color: #fff;
}
.detail-left .stage-part dd .snake-down, .detail-left .stage-part dd .snake-down-right {
  position: absolute;
  bottom: -26px;
  right: -26px;
  width: 16px;
  right:-27px \9;
  width:17px \9;
  display:none;
  height:10px;
  background-color:lightgray;
  border-top: 1px solid #ed7118;
  border-left: 1px solid lightgray;
  z-index:1000;
  background:url('images/body-bg.gif') repeat scroll 0% 0% transparent;
  box-shadow:inset 2px 2px 10px #ddd;
}
.detail-left .stage-part .label {
  background-color: #ffffff;
  color: #a4a4a4;
  border: 1px solid #a4a4a4;
  height: 26px;
  width: 26px;
  text-align: center;
  line-height: 19px;
  font-family: arial;
}
.detail-left .stage-part:first-child {
  padding-top: 0;
}
.detail-left .stage-part:first-child dt > div,
.detail-left .stage-part:first-child dd > div {
  padding-top: 0;
}
.detail-left .stage-part:last-child {
  padding-bottom: 0;
}
.detail-left .stage-part:last-child dt > div,
.detail-left .stage-part:last-child dd > div {
  padding-bottom: 0;
}
.detail-left .stage-close dd .row {
  display: none;
}

.detail-left .stage-close dt .wbs-close {
  display: none;
}
.detail-left .stage-close dt .wbs-open {
  display: block;
}
.detail-left .stage-selected {
  border-left: 1px solid #ed7118;
  border-bottom: 1px solid #ed7118;
}
.detail-left .stage-selected .label {
  background-color: #ed7118;
  color: #ffffff;
  border: 1px solid #ed7118;
}
.detail-left .stage-selected dd .snake-down {
  display: block;
}
.detail-left .stage-part:first-child dt .row {
  padding-top: 0;
}
.stage-info{
  line-height: 180%;
  background-color: #fffcf1;
  border: 2px solid #ed7118;

}
.stage-info-in {
  position: relative;
}
    .stage-info-in > div
    {
        width:284px;
        width:264px \0\9;
        *width:260px;
    }

div.stage-info.affix
{
  top: 30px; /* Set the top position of pinned element */
}
.stage-info div {
  margin-top: 5px;
}
.stage-info div li {
  border-bottom: 1px solid #a4a4a4;
  padding-bottom: 10px;
  padding-top: 10px;
}
.stage-info div li .info1
{
    
    width:140px;
}
.stage-info div li .info2
{
    width:85px;
}
.stage-info div li a {
  color: #0190d4;
  text-decoration: underline;
}
.stage-info div li a:hover {
  color: #ed7118;
  text-decoration: none;
}
.stage-info div li span.green {
  font-weight: bold;
}
.stage-info div li:last-child {
  border: 0;
  padding-bottom: 0;
}
.stage-info .snake-up {
  position: absolute;
  top: 5px;
  left: -42px;
  border-top: 1px solid #ed7118;
  border-left: 1px solid #ed7118;
  width: 16px;
  *width:17px;
}
.detail-right {
  margin-bottom: 25px;
}
.detail-ask ul {
  margin-top: 10px;
}
.detail-ask ul li {
  line-height: 250%;
  background: url(images/list-icon-square.jpg) no-repeat 0 14px;
  padding-left: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
}
.detail-classmate li {
  width: 49%;
  margin-top: 20px;
}
.detail-classmate li img {
  margin-right: 10px;
}
@media (max-width: 768px) {
  .detail-up .row .detail-info {
    border: 0;
    border-bottom: 1px solid #a4a4a4;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .detail-up .row .detail-info .task-join {
    position: inherit;
    right: 0;
    padding-top: 10px;
  }
  .detail-up .row .detail-info h2 {
    margin-top: 10px;
  }
  .detail-up .row .detail-info .text-right {
    text-align: left;
  }
  .detail-up .row .detail-from table {
    margin-top: 10px;
  }
}
@media (max-width: 768px) {
  .detail-left .open-all {
    position: inherit;
    top: auto;
    right: auto;
  }
  .detail-left .stage-selected {
    border-bottom: 0;
  }
  .detail-left .white-square {
    display: none;
  }
  .detail-left .stage-part dt .stage-date {
    padding-left: 100px;
  }
  .detail-left .stage-part dd .stage-progress {
    padding-left: 90px;
  }
  .detail-left .stage-selected dd .snake-down {
    display: block;
  }
}
@media (max-width: 768px) {
  .stage-info {
    margin-top: 25px;
  }
  .stage-info .snake-up {
    display: none;
  }
}
/*detail-forie7 8*/
.stage-part .label-default {
  background-color: #fff;
  color: #a4a4a4;
  text-align: center;
  border: 1px solid #a4a4a4;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  behavior: url(PIE.htc);
  position: relative;
  font-family: arial;
  font-size: 12px;
  display: inline-block;
  vertical-align:middle;
}
.detail-left .stage-part dt .label-default {
  height: 36px;
  line-height: 29px;
  width: 36px;
  *width:22px;
  *height:30px;
}
.detail-left .stage-part dd .label-default {
  height: 26px;
  width: 26px;
  line-height: 19px;
  *width:12px;
  *height:20px;
}
.detail-left .stage-selected dt .label-default,
.detail-left .stage-selected dd .label-default {
  background-color: #ed7118;
  color: #fff;
  border: 1px solid #ed7118;
}
.detail-up {
  *width: 1000px;
}
.detail-info {
  width: 775px\9;
  *width: 754px;
}
.detail-info .detail-progress {
  width: 60%\9;
  *width: 60%;
}
.detail-info .detail-end {
  width: 30%\9;
  *width: 20%;
}
.detail-from {
  width: 200px\9;
  *width: 200px;
}
.detail-left-wrap {
  width: 753px\9;
  *width: 707px;
  padding-bottom:25px;
  *z-index:1000;
}
.detail-right-wrap {
  width: 346px\9;
  *width: 312px;
}
.detail-left .stage-part dt .badge {
  width: 20px\9;
  height: 28px\9;
  *width: 20px;
  *height: 28px;
}
.detail-left .stage-part dd .badge {
  width: 10px\9;
  height: 18px\9;
  *width: 10px;
  *height: 18px;
}

.stage-title {
  width: 350px\9;
  *width: 290px;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
vertical-align:middle;
}
.stage-part:last-child .stage-title
{
    width:auto;
}
.stage-date {
  width: 250px\9;
  *width: 230px;
}
dd .text-right {
  width: 88px\9;
  *width: 70px;
}
.task-name {
  padding-left: 20px\9;
  *padding-left: 25px;
}
dd .task-name
{
    padding-left:5px;
}
.task-title {
  width: 350px\9;
  *width: 290px;
  white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}
.stage-progress {
  width: 210px\9;
  *width: 210px;
}
    .exam-score-red, .exam-score-green
    {
        font-weight:bold;
    }
    .exam-score-green
    {
        color:#77b50d;
    }
    .exam-score-red
    {
        color:#cd1800;
    }
.detail-classmate li {
  float: left\9;
  *float: left;
}
.footer {
  padding-top:25px;
  padding-bottom: 20px;
  text-align: center;
  position:inherit;
}
.guide {
  position: absolute;
  background-color: #000;
  color: #ffffff;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  behavior: url(PIE.htc);
  z-index: 1000;
}
.guide em {
  font-weight: bold;
  font-style: italic;
}
.guide-1 {
  width: 370px;
  top: 80px;
  left: 190px;
}
@media (max-width: 768px) {
  .guide-1 {
    width: 250px;
    top: 150px;
    left: 32px;
  }
}
.guide-2 {
  width: 310px;
  top: 174px;
  right: 143px;
}
@media (max-width: 768px) {
  .guide-2 {
    width: 250px;
    top: 700px;
    left: 32px;
  }
}
.guide-3 {
  width: 360px;
  top: 300px;
  left: 303px;
}
@media (max-width: 768px) {
  .guide-3 {
    width: 250px;
    top: 300px;
    left: 32px;
  }
}
.guide-4 {
  width: 420px;
  top: 650px;
  left: 100px;
}
@media (max-width: 768px) {
  .guide-4 {
    width: 250px;
    top: 1590px;
    left: 32px;
  }
}
.detail-left .stage-unopen a.task-name, .detail-left .stage-unopen dd, .exam-score-red, .exam-score-green
{
    color: #a4a4a4;
    text-decoration:none;
}
.detail-left .stage-unopen a.task-name:hover
{
    color: #a4a4a4;
    cursor:default;
}
.detail-left .stage-unopen dt
{
    color: #a4a4a4;
}
.detail-left .stage-unopen:hover .stage-play
{
    display:none;
}
.stage-info-pass
{
    background-image:url(images/pass-icon2.png);
    background-position:110px 0;
    background-repeat:no-repeat;
}
/*commonpage*/
.indexR, .courseMain
{
    width:730px;
}
@media (max-width: 768px) 
{
    .courseMain
    {
        width:100% !important;
     }
}
.loginTxt
{
    height:auto;
}
.link_signup
{
    width:auto;
}
a.userBtn span, .commonBtn span, .secondNav
{
    height:auto;
}
.user
{
    margin-right:10px;
}
.indexTxt
{
    height:25px;
}
.thinkBar .indexTxt
{
    width:198px;
}
.courseSearchBar
{
    height:19px;
}
.courseList_chart li
{
    width:136px;
}
.catalogMain
{
    width:260px;
}
.odditem a.childitem
{
    background-position: 230px 10px;
}
.evenitem a.childitem, .hoveritem a.childitem
{
    background-position: 230px 10px;
}
.btn
{
    padding-top:0;
}
table.tablesorter tbody td, .examTable td div.wait, .examTable td div.pass, .examTable td div.fail, .examTable td div.bedo, .examTable td div.doing, .examTable td div.done, .examTable td div.maked, .examTable td div.beenter, .examTable td div.entered, .examTable td div.disenter, .examTable td div.enterok, .examTable td div.noenter
{
    background-color:#f2f2f2;
}
table.tablesorter tbody td
{
    border:1px solid #fff;
}

.bodyall .clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.bodyall .clearfix {
	display: inherit;
}
 
html[xmlns] .bodyall .clearfix {
	display: block;
}
 
* html .bodyall .clearfix {
	height: 1%;
}
.bodyall .newTaskList_search
{
    width:100%;
}
.courseSearch_in
{
    height:auto;
}
.btn_selectcourse
{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
    background-color:#428bca; 
    border:1px solid #357ebd; 
    padding:5px 15px; 
    font-size:16px; 
    font-weight:bold;
}
.btn_selectcourse:hover
{
    background-color:#357ebd; 
}   
.secondNav
{
	padding:4px 4px 0 4px;
}
.secondNav_userCenter
{
    height:inherit;
}
a.joinBtn, a.viewBtn, a.examBtn, a.studyBtn, a.sendBtn, a.bookmark
{
    width:85px;
}
.coursePlam .orderBorder_selected .name span, .coursePlam .orderBorder .name span
{
    width:auto;
}
.coursePlam .mode a
{
    width:auto;
}
.ui-dialog-content
{
    font-size:12px;
}
.modnumber
{
    margin-top:5px;
}
.bodyall label
{
    font-weight:normal;
}
.modnavright label
{
    padding-left:5px;
}