/*尖头在顶部*/
.tagTop{
    width:300px;
    height:100px;
    border:3px solid #09F;
    position:relative;
    background-color:#FFF;
    border-radius:10px; 
}
.tagTop:before,.tagTop:after{
    content:"";display:block;
    border-width:20px;
    position:absolute; bottom:100px;
    left:100px;
   
  border-bottom-style: solid;
    border-right-style: dashed;
      border-top-style: dashed;
    border-left-style: dashed;
   
   /* border-color:#09F transparent transparent;*/
    
    border-bottom-color: rgb(0, 153, 255);
    border-right-color: transparent;
   border-top-color : transparent;
    border-left-color: transparent;
    
    font-size:0;
    line-height:0;
}
.tagTop:after{
    bottom:96px;
   /* border-color:#FFF transparent transparent;*/
   
     border-bottom-color: rgb(255, 255, 255);
    border-right-color: transparent;
   border-top-color: transparent;
    border-left-color: transparent;
}

/*尖头在底部*/
.tagBottom{
 width:300px;
    height:100px;
    border:5px solid #09F;
    position:relative;
    background-color:#FFF;
    border-radius:10px; 
}
.tagBottom:before,.tagBottom:after{
    content:"";display:block;
    border-width:20px;
    position:absolute; bottom:-40px;
    left:100px;
   
  	 border-top-style: solid;
   	 border-right-style: dashed;
     border-bottom-style: dashed;
   	 border-left-style: dashed;
   
   /* border-color:#09F transparent transparent;*/
    
    border-top-color: rgb(0, 153, 255);
    border-right-color: transparent;
 	  border-bottom-color: transparent;
    border-left-color: transparent;
    
    font-size:0;
    line-height:0;
}
.tagBottom:after{
    bottom:-33px;
   /* border-color:#FFF transparent transparent;*/
   
    border-top-color: rgb(255, 255, 255);
    border-right-color: transparent;
   	border-bottom-color  : transparent;
    border-left-color: transparent;
}


/*尖头在右边*/
.tagRight{
 width:435px;
    height:275px;
    border:3px solid #09F;
    position:relative;
    background-color:#FFF;
    border-radius:10px; 
    box-shadow: 3px 0 15px #42899E;
}
.tagRight:before,.tagRight:after{
    content: '';
    position: absolute;
    left: 430px;
    top: 28px;
    border-style: solid;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    /* border-width: 10px 14px 10px 0; */
    border-top-width: 10px;
    border-right-width: 0px;
    border-bottom-width: 10px;
    border-left-width: 20px;
    border-color: rgba(0, 0, 0, 0) #0E0E0E rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-top-color: rgba(0, 0, 0, 0);
    /* border-right-color: rgb(0, 153, 255); */
    border-bottom-color: rgba(0, 0, 0, 0);
    border-left-color: rgb(0, 153, 255);
}
.tagRight:after{
   left: 425px;
   border-left-color: rgb(255, 255, 255);
}


/*尖头在左边*/
.tagLeft{
 	max-width:435px;   min-height:180px;
    border: 3px solid #3B82CA;
    position:relative;
    background-color:#FFF;
    border-radius:5px; 
           box-shadow: 0 0 6px 4px rgba(50, 54, 58, 0.5);
}
.tagLeft:before,.tagLeft:after{
    content: '';
    position: absolute;
    left: -17px;
    top: 28px;
    border-style: solid;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    /* border-width: 10px 14px 10px 0; */
    border-top-width: 10px;
    border-right-width: 14px;
    border-bottom-width: 10px;
    border-left-width: 0px;
    border-color: rgba(0, 0, 0, 0) #3B82CA rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-top-color: rgba(0, 0, 0, 0);
   border-right-color: rgb(59, 130, 202);
    border-bottom-color: rgba(0, 0, 0, 0);
    /* border-left-color: rgb(0, 153, 255); */
}
.tagLeft:after{
    left: -12px;
    /* border-left-color: rgb(255, 255, 255); */
    border-right-color: rgb(255, 255, 255);
}

.fmask{  position:absolute; top:0px; left:0px; width:100%; height:826px;
	 /*background:#000;*/
	 z-index:10002;
         		opacity: 0.1;
         	}

.chapterLogo{float:left;padding-left: 10px;padding-top: 10px;}
.chapterLogo img{
	width:50px;height:40px;
}

p.chaptertitle{
	position: relative;top: 30px;left: 20px;
    text-align: left;font-weight: 600;line-height:40px;height:40px;
}

.chaptercontent{
	text-align:left;padding:5px 0;width: 98%;padding-right:10px;
}
.chaptercontent img{
	height:60%;
}
.chaptercontent span{
	position: relative;top: 35px;
	font-size: 16px;line-height: 28px;padding: 0 20px 12px 10px;text-indent: 2em;
}

.chaptercontent_notop span{
	position: relative;top: 0px;
	font-size: 16px;line-height: 28px;padding: 0 20px 12px 10px;text-indent: 2em;
}

.chapterBtn{
	height:50px;line-height:50px;padding:3px 10px;margin:10px 0 20px 0;width:100%;
}
.chapterBtn table{
	width:98%;
}

.left_blank{
	padding-left:70px;
}


#showBlockTip{
	margin-right: -110px;
}

/**********************************************************/
#breadcrumb {
  list-style: none;
  display: inline-block;
}
#breadcrumb .icon {
  font-size: 14px;
}
#breadcrumb li {
  float: left;
}
#breadcrumb li a {
  color: #FFF;
  display: block;
  background: #3498db;
  text-decoration: none;
  position: relative;
  height: 30px;
  line-height: 30px;
  padding: 0 10px 0 5px;
  text-align: center;
  margin-right: 23px;
}
#breadcrumb li:nth-child(even) a {
  background-color: #3498db; /*#2980b9 导航同一背景色*/ 
}
#breadcrumb li:nth-child(even) a:before {
  border-color: #3498db; /*#2980b9*/
  border-left-color: transparent;
}
#breadcrumb li:nth-child(even) a:after {
  border-left-color: #3498db; /*#2980b9*/
}
#breadcrumb li:first-child a {
  padding-left: 15px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -ms-border-radius: 4px 0 0 4px;
  -o-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
#breadcrumb li:first-child a:before {
  border: none;
}
#breadcrumb li:last-child a {
  padding-right: 15px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
#breadcrumb li:last-child a:after {
  border: none;
}
#breadcrumb li a:before, #breadcrumb li a:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid #3498db;
  border-width: 15px 10px;
  width: 0;
  height: 0;
}
#breadcrumb li a:before {
  left: -20px;
  border-left-color: transparent;
}
#breadcrumb li a:after {
  left: 100%;
  border-color: transparent;
  border-left-color: #3498db;
}
#breadcrumb li a:hover {
  background-color: #1abc9c;
}
#breadcrumb li a:hover:before {
  border-color: #1abc9c;
  border-left-color: transparent;
}
#breadcrumb li a:hover:after {
  border-left-color: #1abc9c;
}
#breadcrumb li a:active {
  background-color: #16a085;
}
#breadcrumb li a:active:before {
  border-color: #16a085;
  border-left-color: transparent;
}
#breadcrumb li a:active:after {
  border-left-color: #16a085;
}


#next_lesson_style{
	width:200px;float:right;padding-right:50px;
}
#next_lesson_style a{
	
}

#next_lesson_style .btn {
	border-radius: 3px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid transparent
}

#next_lesson_style .nextbutton{
	background-color: #00C883;
	border-color: #03A56D;
	color:#fff;
}

#next_lesson_style .nextbutton:hover,#next_lesson_style .nextbutton:active,#next_lesson_style .nextbutton.hover{
	background-color: #03A56D;
	
}
/**********************************************************/

/********************************************/
#course_lesson_p_div{
  width:85%;height:64px;line-height:64px;text-align:right;min-width:1366px;
}
#course_lesson {
  list-style: none;
  display: inline-block;
}
#course_lesson .icon {
  font-size: 14px;
}
#course_lesson li {
  float: left;
  padding-right:10px;
}

#course_lesson li a {
  color: #FFF;
  display: block;
  text-decoration: none;
  position: relative;
  height: 64px;
  line-height: 64px;
  text-align: center;
  padding: 0 10px 0 10px;
}

a.course_hint{
	background:url("../image/course/course_nav_button_hint_off.png") no-repeat;
	width:64px;height:64px;cursor: pointer;
}

a.course_hint:hover{
	background:url("../image/course/course_nav_button_hint_on.png") no-repeat;
	width:64px;height:64px;
}

a.course_answer{
	background:url("../image/course/course_nav_button_answer_off.png") no-repeat;
	width:64px;height:64px;cursor: pointer;
}

a.course_answer:hover{
	background:url("../image/course/course_nav_button_answer_on.png") no-repeat;
	width:64px;height:64px;
}

a.course_edit{
	background:url("../image/course/course_nav_button_edit_off.png") no-repeat;
	width:64px;height:64px;cursor: pointer;
}

a.course_edit:hover{
	background:url("../image/course/course_nav_button_edit_on.png") no-repeat;
	width:64px;height:64px;
}

a.course_return{
	background:url("../image/course/course_nav_button_return_off.png") no-repeat;
	width:64px;height:64px;cursor: pointer;
}

a.course_return:hover{
	background:url("../image/course/course_nav_button_return_on.png") no-repeat;
	width:64px;height:64px;
}

a.course_run{
	background:url("../image/course/course_nav_button_run_off.png") no-repeat;
	width:64px;height:64px;cursor: pointer;
}

a.course_run:hover{
	background:url("../image/course/course_nav_button_run_on.png") no-repeat;
	width:64px;height:64px;
}