#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;
	
}

/*
---------------------------------------------------*/

.span12 {
  width: 940px;
}

.span11 {
  width: 860px;
}

.span10 {
  width: 780px;
}

.span9 {
  width: 700px;
}

.span8 {
  width: 620px;
}

.span7 {
  width: 540px;
}

.span6 {
  width: 460px;
}

.span5 {
  width: 380px;
}

.span4 {
  width: 300px;
}

.span3 {
  width: 220px;
}

.span2 {
  width: 140px;
}

.span1 {
  width: 60px;
}

.offset12 {
  margin-left: 980px;
}

.offset11 {
  margin-left: 900px;
}

.offset10 {
  margin-left: 820px;
}

.offset9 {
  margin-left: 740px;
}

.offset8 {
  margin-left: 660px;
}

.offset7 {
  margin-left: 580px;
}

.offset6 {
  margin-left: 500px;
}

.offset5 {
  margin-left: 420px;
}

.offset4 {
  margin-left: 340px;
}

.offset3 {
  margin-left: 260px;
}

.offset2 {
  margin-left: 180px;
}

.offset1 {
  margin-left: 100px;
}
.row-fluid {
  width: 100%;
  *zoom: 1;
  margin:3px;
}
.row-fluid-100{
	width: 100%;
	*zoom: 1;
}

.row-fluid:before,
.row-fluid:after {
  display: table;
  line-height: 0;
  content: "";
}

.row-fluid:after {
  clear: both;
}

.row-fluid [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}

.row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%;
}

.row-fluid .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}

.row-fluid .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}

.row-fluid .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}

.row-fluid .span9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}

.row-fluid .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}

.row-fluid .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}

.row-fluid .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}

.row-fluid .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}

.row-fluid .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}

.row-fluid .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}

.row-fluid .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}

.row-fluid .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}

.row-fluid .offset12 {
  margin-left: 104.25531914893617%;
  *margin-left: 104.14893617021275%;
}

.row-fluid .offset12:first-child {
  margin-left: 102.12765957446808%;
  *margin-left: 102.02127659574467%;
}

.row-fluid .offset11 {
  margin-left: 95.74468085106382%;
  *margin-left: 95.6382978723404%;
}

.row-fluid .offset11:first-child {
  margin-left: 93.61702127659574%;
  *margin-left: 93.51063829787232%;
}

.row-fluid .offset10 {
  margin-left: 87.23404255319149%;
  *margin-left: 87.12765957446807%;
}

.row-fluid .offset10:first-child {
  margin-left: 85.1063829787234%;
  *margin-left: 84.99999999999999%;
}

.row-fluid .offset9 {
  margin-left: 78.72340425531914%;
  *margin-left: 78.61702127659572%;
}

.row-fluid .offset9:first-child {
  margin-left: 76.59574468085106%;
  *margin-left: 76.48936170212764%;
}

.row-fluid .offset8 {
  margin-left: 70.2127659574468%;
  *margin-left: 70.10638297872339%;
}

.row-fluid .offset8:first-child {
  margin-left: 68.08510638297872%;
  *margin-left: 67.9787234042553%;
}

.row-fluid .offset7 {
  margin-left: 61.70212765957446%;
  *margin-left: 61.59574468085106%;
}

.row-fluid .offset7:first-child {
  margin-left: 59.574468085106375%;
  *margin-left: 59.46808510638297%;
}

.row-fluid .offset6 {
  margin-left: 53.191489361702125%;
  *margin-left: 53.085106382978715%;
}

.row-fluid .offset6:first-child {
  margin-left: 51.063829787234035%;
  *margin-left: 50.95744680851063%;
}

.row-fluid .offset5 {
  margin-left: 44.68085106382979%;
  *margin-left: 44.57446808510638%;
}

.row-fluid .offset5:first-child {
  margin-left: 42.5531914893617%;
  *margin-left: 42.4468085106383%;
}

.row-fluid .offset4 {
  margin-left: 36.170212765957444%;
  *margin-left: 36.06382978723405%;
}

.row-fluid .offset4:first-child {
  margin-left: 34.04255319148936%;
  *margin-left: 33.93617021276596%;
}

.row-fluid .offset3 {
  margin-left: 27.659574468085104%;
  *margin-left: 27.5531914893617%;
}

.row-fluid .offset3:first-child {
  margin-left: 25.53191489361702%;
  *margin-left: 25.425531914893618%;
}

.row-fluid .offset2 {
  margin-left: 19.148936170212764%;
  *margin-left: 19.04255319148936%;
}

.row-fluid .offset2:first-child {
  margin-left: 17.02127659574468%;
  *margin-left: 16.914893617021278%;
}

.row-fluid .offset1 {
  margin-left: 10.638297872340425%;
  *margin-left: 10.53191489361702%;
}

.row-fluid .offset1:first-child {
  margin-left: 8.51063829787234%;
  *margin-left: 8.404255319148938%;
}

/*
-------------------------------------------------- */
.margin_top_10{margin-top:10px;
}



/* Special grid styles
-------------------------------------------------- */
.data_piece{
	padding:5px;background-color: rgba(95, 131, 232, 0.21);
}

.show-grid {
  /*margin-top: 10px;
  margin-bottom: 20px;*/
}
.show-grid [class*="span"] {
  /*background-color: rgba(238, 238, 238, 0.65);*/
  text-align: left;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  min-height: 40px;
  line-height: 40px;
  padding-left:10px;
}
.show-grid [class*="span"]:hover {
  background-color: #ddd;
}
.show-grid .show-grid {
  margin-top: 0;
  margin-bottom: 0;
}
.show-grid .show-grid [class*="span"] {
  margin-top: 5px;
}
.show-grid [class*="span"] [class*="span"] {
  background-color: #ccc;
}
.show-grid [class*="span"] [class*="span"] [class*="span"] {
  background-color: #999;
}

/* Special property styles
-------------------------------------------------- */
.data_propeety_border{
	border:2px solid #CDCDCD;
}

.data_property_title{
	background-color: rgba(179, 179, 179, 0.65);
}
.data_property_title div{
	padding-left:10px;
}

.data_property_title div span {
	font-size: 16px;font-weight: bold;margin-left: 20px;
}

.block_cursor {
  cursor:pointer;
  height:90px;
}
.grid_property_block{
	position: relative;
    top: 80px;
    left: 50px;
}



/*返回顶部*/

p#back-to-top{  
    position:fixed;  
    display:none;  
    bottom:100px;  
    right:80px;  
}  
p#back-to-top a{  
    text-align:center;  
    text-decoration:none;  
    color:#d1d1d1;  
    display:block;  
    width:64px;  
    /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/  
    -moz-transition:color 1s;  
    -webkit-transition:color 1s;  
    -o-transition:color 1s;  
}  
p#back-to-top a:hover{  
    color:#979797;  
}  
p#back-to-top a span{  
    background:transparent url(../../image/doc/GoTop.png) ;  
    border-radius:6px;  
    display:block;  
    height:41px;  
    width:42px;  
    margin-bottom:5px;  
    /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/  
    -moz-transition:background 1s;  
    -webkit-transition:background 1s;  
    -o-transition:background 1s;  
}  
#back-to-top a:hover span{  
    background:transparent url(../../image/doc/GoTop.png) ; 
}  

.grid_property_grid_height{
	height:300px;
	padding-top:20px;
}

.grid_property_grid_border_right{
	padding-left:5px;
	height: 260px;
    border: none;
    border-left: 2px dotted rgb(195, 180, 147);
}

hr {
    height: 2px;
    border: none;
    border-top: 2px solid rgb(137, 138, 140);
    margin-bottom: 20px;margin-top: 50px;
}




/*
.grid-property [class*="span"] {
  text-align: left;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  min-height: 40px;
  line-height: 40px;
  padding-left:10px;
}
.grid-property [class*="span"]:hover {
}
.grid-property .grid-property {
  margin-top: 0;
  margin-bottom: 0;
}
.grid-property .grid-property [class*="span"] {
  margin-top: 5px;
}
.grid-property [class*="span"] [class*="span"] {
  background-color: #ccc;
}
.grid-property [class*="span"] [class*="span"] [class*="span"] {
  background-color: #999;
}
*/

/*每小节样式
-------------------------------------------------*/
.btn_page_style{
	background-color: #EAEAEA;
	text-align:right;padding:3px;
}

.btn_page_style button{	
	margin-right:30px;
}
.page_sum_style{
	text-align:center;height:25px;line-height:25px;font-weight:bold;font-size:16px;
}

#subLession_html div{
	margin:0px;	
}
#p_contents_table{
	margin-left:50px;background-color:#ECE5E5;
}
#p_contents_table table{
	width:600px;border:1px solid #000;
}

#p_contents_table tr th{
	text-align:center;border:1px solid #000;padding:5px;
}

#p_contents_table span{
	font-weight:bold;
	font-size:18px;
}

#p_contents_table tr td{
	text-align:left;border:1px solid #000;padding:5px;
}

.paddingLeft{
	padding-left:20px;
}

/*示例下每个例子样式
-------------------------------------------------*/
.sample_per_0_style{
	height:500px;text-align:center;box-shadow:0 2px 5px #1B1A1A;padding:5px;background-color:#EAEAEA;
}
.sample_downLoad_btn_style{
	padding:5px 30px;cursor:pointer;background-color:#0966A3;font-weight:bold;color:#fff;
}
.sample_downLoad_btn_style:hover{
	color:#E2CF3F;
}
.sample_describe{
	width:900px;float:left;padding-left:10px;padding-top:20px;font-size: 20px;
}
.sample_describe_left{
	width:600px;float:left;padding-left:10px;padding-top:20px;
}
.sample_describe_right{
	width:200px;float:right;padding-top:20px;
}
.sample_course_style{
	border:1.5px solid #ccc;padding:30px 10px;margin-bottom:30px;min-height:700px;
}
.sample_course_icon_checkmark_span{
	padding-left: 30px;
	color: #5CBE5A;
	margin: 0px 6px 0px 0px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAMAAACqTK3AAAAArlBMVEUAAAAAdsEAe8UAfMYAc74AesMAdL8AecQAgcsAc74AfMYAdsAAeMMAeMMAcLsAesQAh9D///8AfccAe8UAhtAAeMMAgMoAZ7MAuv8Aa7cAZrIAbroAZLAAabUAvf8Avv8Auf8AbbkAxP8AecQAzP8AcLsAtfkAc78Axv8AoOQAgssAyf8ArvQAuf4Awf8Aq+8Ae8YAz/8ApOwAjdUAl90AfsgAmeEAg8wAsvQAYa0jcIkKAAAAGHRSTlMAnVV7u3nkxznFY7yNXXsmBBgTzrWtkuLB5sZuAAAA4ElEQVQY00WQ13aDMBAFF4yJcU9HK61ACqI3t5T//7EAMsfzOGd2Hy48w8hht9/vDvBgtTGGc2M2q9ksuULBmEDFl9YsOOFP0XVFiaQW0xUjKvJK6yoviNR46zM8n2QchrE8nZH8IVLikoR3kosYsi1jdR5bE+c1Y1vwqJfRXEWyJw8CLFs5K9mWf68Q0C16qOiGAThkUj0rnRrmgKvEdzK/T65CuXDMSKV3p2vC7AiwZpiliY4GdNr1Lgx4Cvn1twmbpmmrN5jwOAn+ZfE/3+062TjPBGFmu5e1EzxZgo9/SacfWpk7bhAAAAAASUVORK5CYII=") no-repeat center;
}

.tips_contents_hand{
    cursor: pointer;
    background-color: #EAEAEA;
    line-height: 300%;
}
.tips_contents_hand img{
	margin-right:20px;
}

.tips_contents_style{
	margin-left:10px;
    padding: 10px 20px 10px 40px;
    text-indent: 2em;
    line-height: 200%;
    background-color: #EAEAEA;
}

/*
************初级教程样式*****************************/
/*510px 280 230 84    91  7  225 2*/
a.c_a_home_btn_lesson_01{
	background:url("../../image/course/c_a/lesson_01_off.png") no-repeat;
	width:95px;height:95px;float:left;position: relative;left:0px;top: 226px;cursor: pointer;
}

a.c_a_home_btn_lesson_01:hover{
	background:url("../../image/course/c_a/lesson_01_on.png") no-repeat;
	width:95px;height:95px;
	
}
a.c_a_home_btn_lesson_02{
	background:url("../../image/course/c_a/lesson_02_off.png") no-repeat;
	width:95px;height:95px;float:left;position: relative;left:40px;top: 136px;cursor: pointer;
}

a.c_a_home_btn_lesson_02:hover{
	background:url("../../image/course/c_a/lesson_02_on.png") no-repeat;
	width:95px;height:95px;
	
}
a.c_a_home_btn_lesson_03{
	background:url("../../image/course/c_a/lesson_03_off.png") no-repeat;
	width:95px;height:95px;float:left;position: relative;left:83px;top: 245px;cursor: pointer;
}
a.c_a_home_btn_lesson_03:hover{
	background:url("../../image/course/c_a/lesson_03_on.png") no-repeat;
	width:95px;height:95px;
	
}
a.c_a_home_btn_lesson_04{
	background:url("../../image/course/c_a/lesson_04_off.png") no-repeat;
	width:95px;height:95px;float:left;position: relative;left:123px;top: 60px;cursor: pointer;
}

a.c_a_home_btn_lesson_04:hover{
	background:url("../../image/course/c_a/lesson_04_on.png") no-repeat;
	width:95px;height:95px;
	
}
a.c_a_home_btn_lesson_05{
	background:url("../../image/course/c_a/lesson_05_off.png") no-repeat;
	width:95px;height:95px;float:left;position: relative;left:184px;top: 125px;cursor: pointer;
}

a.c_a_home_btn_lesson_05:hover{
	background:url("../../image/course/c_a/lesson_05_on.png") no-repeat;
	width:95px;height:95px;
	
}
a.c_a_home_btn_lesson_06{
	background:url("../../image/course/c_a/lesson_06_off.png") no-repeat;
	width:95px;height:95px;float:left;position: relative;left:227px;top: 1px;cursor: pointer;
}

a.c_a_home_btn_lesson_06:hover{
	background:url("../../image/course/c_a/lesson_06_on.png") no-repeat;
	width:95px;height:95px;
	
}

a.c_a_home_btn_lesson_07{
	background:url("../../image/course/c_a/lesson_07_off.png") no-repeat;
	width:95px;height:95px;float:left;position: relative;left:301px;top: 64px;cursor: pointer;
}

a.c_a_home_btn_lesson_07:hover{
	background:url("../../image/course/c_a/lesson_07_on.png") no-repeat;
	width:95px;height:95px;
	
}

#c_a_subTitle.p_titles{
	background-color:#fff;border-bottom:1px solid #655E5E;
}

#c_a_subTitle.content{
	background-color:rgb(245, 243, 243);padding: 20px 10px;
	min-height:600px;
}

#c_a_subTitle table td{
	font-weight:600;
	padding-left:30px;
}

#c_a_subTitle table td.top10{
	margin-top:10px;
}

table td.red{
	color: #AD5151;
	font-size:16px;
}

table td.font_center{
	vertical-align:middle;
	line-height:50px;
}

table tr.font_height_70{
	line-height:70px;
}

table tr.font_height_100{
	line-height:100px;
}

#c_a_Content.content{
	padding:0px 15px ;
	padding-bottom:10px;
}


.filterinput{
	background-color:rgba(249, 244, 244, 0);
	border-radius:15px;
	width:90%;
	height:30px;
	border:thin solid #FFF;
	text-indent:0.5em;
	font-weight:bold;
	color:#FFF;
}
#demo-list a{
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	white-space:nowrap;
	width:100%;
	font-size:16px;
	font-weight:bold;
}

.detailStep_pointer{
	font-weight:bold;font-size:22px;
	line-height:40px;height:40px;
	padding-left:30px;
	text-align:left;
}
.p_titles{
	font-weight:bold;font-size:19px;
	background-color: #E0D6D6;
	line-height:40px;height:40px;
	padding-left:20px;
}
.p_titles_pointer{
	font-weight:bold;font-size:20px;
	line-height:40px;height:40px;
	padding-left:30px;
	padding-top:20px;
	text-align:left;
}

.p_contents{
text-indent:2em;font-size:20px;"
}

.p_contents_img{
text-indent:2em;font-size:20px;text-align:center;
}

.p_chapter_titles{
text-indent:2em;font-weight:bold;font-size:16px;text-decoration:none;
}
.p_chapter_contents{
text-indent:2em;font-size:16px;padding-left:30px;padding-bottom:2px;
}

.div_video_area{
width:80%;
}

.p_chapter_href{
font-size:16px;color:#ff0000;
}

.bi_contents_background_color{
	padding:00px 0px 20px 0px;
}

.bi_background_color{
	background-color:rgba(207, 207, 206, 0.56);padding:20px 0px 10px 0px;
	margin-bottom:5px;cursor:pointer;
}

.bi_background_color:hover {
background-color:#ddd;
}

.c_hp_contents_padding{
padding:20px 0px;
}

.page_bottom_style{
	height: 50px; line-height: 50px;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	background-color: #dee5fa;
	color: #000;
	position: relative;top: 5px;
	width:100%;
}

#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("../../home/scriptcourse/image/course/course_nav_button_hint_off.png") no-repeat;
	width:64px;height:64px;cursor: pointer;
}

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

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

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

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

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

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

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

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

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

/*
************认识Kidsprogram*****************************/
a.i_kp_home_btn_lesson_01{
	background:url("../../image/course/i_kp/lesson_01_off.png") no-repeat;
	width:95px;height:95px;float:left;position: relative;left:510px;top: 226px;cursor: pointer;
}

a.i_kp_home_btn_lesson_01:hover{
	background:url("../../image/course/i_kp/lesson_01_on.png") no-repeat;
	width:95px;height:95px;
	
}

a.i_kp_home_btn_lesson_02{
	background:url("../../image/course/i_kp/lesson_02_off.png") no-repeat;
	width:95px;height:95px;float:left;position: relative;left:550px;top: 136px;cursor: pointer;
}

a.i_kp_home_btn_lesson_02:hover{
	background:url("../../image/course/i_kp/lesson_02_on.png") no-repeat;
	width:95px;height:95px;
	
}

a.i_kp_home_btn_lesson_03{
	background:url("../../image/course/i_kp/lesson_03_off.png") no-repeat;
	width:95px;height:95px;float:left;position: relative;left:593px;top: 245px;cursor: pointer;
}

a.i_kp_home_btn_lesson_03:hover{
	background:url("../../image/course/i_kp/lesson_03_on.png") no-repeat;
	width:95px;height:95px;
	
}

a.i_kp_home_btn_lesson_04{
	background:url("../../image/course/i_kp/lesson_04_off.png") no-repeat;
	width:95px;height:95px;float:left;position: relative;left:633px;top: 59px;cursor: pointer;
}

a.i_kp_home_btn_lesson_04:hover{
	background:url("../../image/course/i_kp/lesson_04_on.png") no-repeat;
	width:95px;height:95px;
	
}

a.i_kp_home_btn_lesson_05{
	background:url("../../image/course/i_kp/lesson_05_off.png") no-repeat;
	width:95px;height:95px;float:left;position: relative;left:696px;top: 125px;cursor: pointer;
}

a.i_kp_home_btn_lesson_05:hover{
	background:url("../../image/course/i_kp/lesson_05_on.png") no-repeat;
	width:95px;height:95px;
	
}

a.i_kp_home_btn_lesson_06{
	background:url("../../image/course/i_kp/lesson_06_off.png") no-repeat;
	width:95px;height:95px;float:left;position: relative;left:737px;top: 0px;cursor: pointer;
}

a.i_kp_home_btn_lesson_06:hover{
	background:url("../../image/course/i_kp/lesson_06_on.png") no-repeat;
	width:95px;height:95px;
	
}

#i_kp_subTitle.p_titles{
	background-color:#fff;border-bottom:1px solid #655E5E;
}

#i_kp_subTitle.content{
	background-color:rgb(245, 243, 243);padding: 20px 10px;
}

#i_kp_subTitle table td{
	font-weight:600;
	padding-left:50px;
}

#i_kp_Content.content{
	padding:0px 15px ;
	padding-bottom:10px;
}


/*********************************/
.bg-white>.small-box-addCourse-footer {
	position: relative;
	text-align: left;
	padding: 0px 0 5px 5px;
	display: block;
	z-index: 10;
	text-decoration: none
}

.bg-white>.small-box-addCourse-footer>i {
	margin-left:10px;font-size:20px;
}

.bg-white>.small-box-addCourse-footer:hover {
	color: #fff;/*font-weight: bold;*/
}

.bg-white>.small-box-addCourse-footer>.view-course{
	float: right;
    position: relative;
    right: 10px;
    bottom: 2px;
}

.bg-white>.small-box-addCourse-footer>.lesson_icon{
	display:inline-block; 
	background:url("../../image/assets/ls_01/work_off.png") no-repeat;
	width:32px;height:32px;
}

.bg-white>.small-box-addCourse-footer>.lesson_icon:hover{
	display:inline-block; 
	background:url("../../image/assets/ls_01/work_on.png") no-repeat;
	width:32px;height:32px;
}

.bg-white>.small-box-addCourse-footer>.lesson_icon>font{
	display:inline-block; 
	background:url("../../image/assets/ls_01/point_red.png") no-repeat;
	width: 18px; height: 18px; line-height: 18px;
    position: relative; top: -8px; right: -20px;font-size:12px;
    text-align: center;	vertical-align: middle;
    color: #fff;font-weight:bold;
}

.bg-white>.small-box-addCourse-footer>.work_icon{
	display:inline-block; 
	background:url("../../image/assets/ls_01/lesson_off.png") no-repeat;
	width:32px;height:32px;
}

.bg-white>.small-box-addCourse-footer>.work_icon:hover{
	display:inline-block; 
	background:url("../../image/assets/ls_01/lesson_on.png") no-repeat;
	width:32px;height:32px;
}

.bg-white>.small-box-addCourse-footer>.work_icon>font{
	display:inline-block; 
	background:url("../../image/assets/ls_01/point_red.png") no-repeat;
	width: 18px; height: 18px; line-height: 18px;
    position: relative; top: -8px; right: -20px;font-size:12px;
    text-align: center;	vertical-align: middle;
    color: #fff;font-weight:bold;
}

.btn-yellow {
	background-color: #ffffab;
	border-color: #ffff00;
	color:#000;
	border-radius:25px;
}

.btn-yellow,.btn-success:active,.btn-success.hover {
	background-color: #ffff00
}

/**************************************/
.col-lg-3{
	width: 25%;
	margin-bottom:15px;
}


/*************************************************/
.container-background-parent{
	background-color: #f0f1f1 ! important;
	padding:10px 0px;
	/*margin-top:-10px;*/
}

.container-background3D{
	position: relative;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.6);
	box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.6);
	min-height:700px;
	background-color:#fff;
}
.container-top:{
	margin-top:80px;
}
.container-right{
	padding:5px 5px ! important;
	border:1px solid #ccc;
	background-color:#fff ! important;
}

.no-background-color{
	background-color:#fff ! important;	
}

blockquote.V0408{
    margin: 0 0 20px;
    font-size: 17.5px;
	padding: 3px 8px ! important;
	border-left: 5px solid #0FE427;
	font-family: "Microsoft YaHei" ! important;
}

blockquote.V0409{
    margin: 0px;
    font-size: 17.5px;
	padding: 3px 8px ! important;
	border-left: 0px solid #0FE427;
	font-family: "Microsoft YaHei" ! important;
	background-color:#ccc ! important;	
}



hr.V0408{
	height: 2px;
    border: none;
    border-top: 1px solid rgb(137, 138, 140);
    margin-bottom: 20px;
    margin-top: 5px;
}

hr.V0409{
	height: 2px;
    border: none;
    border-top: 2px solid rgb(137, 138, 140);
    margin-bottom: 10px;
    margin-top: 0px;
}

.container-contents{
	font-size: 18px;
    text-indent: 2em;
    line-height: 30px;
    font-family: "Microsoft YaHei" ! important;
    padding:20px 50px ! important;
    background-color: #fff ! important;
}

.background_color{
	background-color: #F9F9F9 ! important;
}
.font_weight_bold{
	font-weight:bold ! important;
}

.border_0px, .background_color{
	border: 0px solid #eee ! important;
	padding:10px 10px ! important;
	
}


.border_1px{
	border: 1px solid #888 ! important;
	padding:20px 20px ! important;
}

.border_2px{
	border: 2px solid #eee ! important;
	padding:10px 10px ! important;
}

#content_css_V0409.nav>li{
	margin-left:-30px ! important;
	min-width:370px ! important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	
}
#content_css_V0409.nav>li>i{
    line-height: 35px;
    vertical-align: baseline;
    margin: 0px 0px 0px -35px;
    white-space:normal; 
    word-break : break-all; 
    word-wrap: break-word;
}



#content_css_V0409.nav>li>font{
	font-size:16px ! important;
	padding-left:8px ! important;
	margin-left:5px ! important;
	word-wrap:break-word;
}

#another_css_V0409.nav>li{
	margin-left:0px ! important;
}


@media ( min-width :1360px) {
	table.row-fluid>tbody>tr>td{
		font-size:13px ! important;
	}
	table.row-fluid>tbody>tr>td>span {
		font-size:14px ! important;
		padding-left:10px ! important;
	}
	#content_css_V0409.nav>li>font{
		font-size:14px ! important;
	}
	
	#course_lesson>li>a.course_hint{background:url("../../home/scriptcourse/image/course/small/course_nav_button_hint_off.png") ;
		width:50px;height:50px;cursor: pointer;}
	#course_lesson>li>a.course_hint:hover{background:url("../../home/scriptcourse/image/course/small/course_nav_button_hint_on.png") ;
		width:50px;height:50px;	}
	
	#course_lesson>li>a.course_answer{
		background:url("../../home/scriptcourse/image/course/small/course_nav_button_answer_off.png") no-repeat;
		width:50px;height:50px;cursor: pointer;
	}
	
	#course_lesson>li>a.course_answer:hover{
		background:url("../../home/scriptcourse/image/course/small/course_nav_button_answer_on.png") no-repeat;
		width:50px;height:50px;
	}
	
	#course_lesson>li>a.course_edit{
		background:url("../../home/scriptcourse/image/course/small/course_nav_button_edit_off.png") no-repeat;
		width:50px;height:50px;cursor: pointer;
	}
	
	#course_lesson>li>a.course_edit:hover{
		background:url("../../home/scriptcourse/image/course/small/course_nav_button_edit_on.png") no-repeat;
		width:50px;height:50px;
	}
	
	#course_lesson>li>a.course_run{
		background:url("../../home/scriptcourse/image/course/small/course_nav_button_run_off.png") no-repeat;
		width:50px;height:50px;cursor: pointer;
	}
	
	#course_lesson>li>a.course_run:hover{
		background:url("../../home/scriptcourse/image/course/small/course_nav_button_run_on.png") no-repeat;
		width:50px;height:50px;
	}
	
	#course_lesson_p_div{
	  width:85%;height:50px;line-height:50px;text-align:right;min-width:1280px;
	}
}

@media ( min-width :1400px) {
	table.row-fluid>tbody>tr>td{
		font-size:13px ! important;
	}
	table.row-fluid>tbody>tr>td>span {
		font-size:15px ! important;
	}
	#content_css_V0409.nav>li>font{
		font-size:15px ! important;
	}
}

@media ( min-width :1600px) {
	table.row-fluid>tbody>tr>td{
		font-size:15px ! important;
	}
	table.row-fluid>tbody>tr>td>span {
		font-size:16px ! important;
	}
	#content_css_V0409.nav>li>font{
		font-size:16px ! important;
	}
}

@media ( min-width :1800px) {
	table.row-fluid>tbody>tr>td>span {
		font-size:18px ! important;
	}
	#content_css_V0409.nav>li>font{
		font-size:18px ! important;
	}
	
	#course_lesson>li>a.course_hint{
		background:url("../../home/scriptcourse/image/course/course_nav_button_hint_off.png") ;
		width:64px;height:64px;cursor: pointer;
	}
	
	#course_lesson>li>a.course_hint:hover{
		background:url("../../home/scriptcourse/image/course/course_nav_button_hint_on.png") ;
		width:64px;height:64px;
	}
	
	#course_lesson>li>a.course_answer{
		background:url("../../home/scriptcourse/image/course/course_nav_button_answer_off.png") no-repeat;
		width:64px;height:64px;cursor: pointer;
	}
	
	#course_lesson>li>a.course_answer:hover{
		background:url("../../home/scriptcourse/image/course/course_nav_button_answer_on.png") no-repeat;
		width:64px;height:64px;
	}
	
	#course_lesson>li>a.course_edit{
		background:url("../../home/scriptcourse/image/course/course_nav_button_edit_off.png") no-repeat;
		width:64px;height:64px;cursor: pointer;
	}
	
	#course_lesson>li>a.course_edit:hover{
		background:url("../../home/scriptcourse/image/course/course_nav_button_edit_on.png") no-repeat;
		width:64px;height:64px;
	}
	
	#course_lesson>li>a.course_run{
		background:url("../../home/scriptcourse/image/course/course_nav_button_run_off.png") no-repeat;
		width:64px;height:64px;cursor: pointer;
	}
	
	#course_lesson>li>a.course_run:hover{
		background:url("../../home/scriptcourse/image/course/course_nav_button_run_on.png") no-repeat;
		width:64px;height:64px;
	}
	
	#course_lesson_p_div{
	  width:85%;height:64px;line-height:64px;text-align:right;min-width:1366px;
	}
}

.max-width-900{
	max-width:900px;
}

.max-width-1200{
	max-width:1200px;
}


.max-width-1084{
	max-width:1084px;
}

.max-width-1016{
	max-width:1016px;
}

.min-height-740{
	min-height:740px;
}

.min-height-680{
	min-height:680px;
}

.min-height-447{
	min-height:447px;
}

.nav_left{
	min-height:150px;text-align:left;
}

.contents-main-style{
	position:relative;top:68px;padding:10px 0px
}

/*
************导弹护航*****************************/
a.m_e_home_btn_lesson_01{
	background:url("../../image/course/m_e/lesson_01_off.png") no-repeat;
	width:95px;height:95px;float:left;position: relative;left:0px;top: 192px;cursor: pointer;
}

a.m_e_home_btn_lesson_01:hover{
	background:url("../../image/course/m_e/lesson_01_on.png") no-repeat;
	width:95px;height:95px;
	
}
/* 320px 230 */
a.m_e_home_btn_lesson_02{
	background:url("../../image/course/m_e/lesson_02_off.png") no-repeat;
	width:95px;height:95px;float:left;position: relative;left:88px;top: 226px;cursor: pointer;
}

a.m_e_home_btn_lesson_02:hover{
	background:url("../../image/course/m_e/lesson_02_on.png") no-repeat;
	width:95px;height:95px;
	
}
/* 363px 230 */
a.m_e_home_btn_lesson_03{
	background:url("../../image/course/m_e/lesson_03_off.png") no-repeat;
	width:95px;height:95px;float:left;position: relative;left:128px;top:135px;cursor: pointer;
}

a.m_e_home_btn_lesson_03:hover{
	background:url("../../image/course/m_e/lesson_03_on.png") no-repeat;
	width:95px;height:95px;
	
}
/* 403px 230 */
a.m_e_home_btn_lesson_04{
	background:url("../../image/course/m_e/lesson_04_off.png") no-repeat;
	width:95px;height:95px;float:left;position: relative;left:172px;top:245px;cursor: pointer;
}

a.m_e_home_btn_lesson_04:hover{
	background:url("../../image/course/m_e/lesson_04_on.png") no-repeat;
	width:95px;height:95px;
	
}
/* 466px 230 */
a.m_e_home_btn_lesson_05{
	background:url("../../image/course/m_e/lesson_05_off.png") no-repeat;
	width:95px;height:95px;float:left;position: relative;left:211px;top:59px;cursor: pointer;
}

a.m_e_home_btn_lesson_05:hover{
	background:url("../../image/course/m_e/lesson_05_on.png") no-repeat;
	width:95px;height:95px;
	
}
/* 507px 230 */
a.m_e_home_btn_lesson_06{
	background:url("../../image/course/m_e/lesson_06_off.png") no-repeat;
	width:95px;height:95px;float:left;position: relative;left:274px;top:124px;cursor: pointer;
}

a.m_e_home_btn_lesson_06:hover{
	background:url("../../image/course/m_e/lesson_06_on.png") no-repeat;
	width:95px;height:95px;
	
}

a.m_e_home_btn_lesson_07{
	background:url("../../image/course/m_e/lesson_07_off.png") no-repeat;
	width:95px;height:95px;float:left;position: relative;left:315px;top:0px;cursor: pointer;
}

a.m_e_home_btn_lesson_07:hover{
	background:url("../../image/course/m_e/lesson_07_on.png") no-repeat;
	width:95px;height:95px;
	
}

a.m_e_home_btn_lesson_08{
	background:url("../../image/course/m_e/lesson_08_off.png") no-repeat;
	width:95px;height:95px;float:left;position: relative;left:392px;top:40px;cursor: pointer;
}

a.m_e_home_btn_lesson_08:hover{
	background:url("../../image/course/m_e/lesson_08_on.png") no-repeat;
	width:95px;height:95px;
}

/*
************遭遇黑洞*****************************/
a.f_me_home_btn_lesson_01{
	background:url("../../image/course/f_me/lesson_01_off.png") no-repeat;
	width:95px;height:95px;float:left;position: relative;left:0px;top: 226px;cursor: pointer;
}

a.f_me_home_btn_lesson_01:hover{
	background:url("../../image/course/f_me/lesson_01_on.png") no-repeat;
	width:95px;height:95px;
	
}
a.f_me_home_btn_lesson_02{
	background:url("../../image/course/f_me/lesson_02_off.png") no-repeat;
	width:95px;height:95px;float:left;position: relative;left:40px;top: 136px;cursor: pointer;
}

a.f_me_home_btn_lesson_02:hover{
	background:url("../../image/course/f_me/lesson_02_on.png") no-repeat;
	width:95px;height:95px;
	
}
a.f_me_home_btn_lesson_03{
	background:url("../../image/course/f_me/lesson_03_off.png") no-repeat;
	width:95px;height:95px;float:left;position: relative;left:83px;top: 245px;cursor: pointer;
}
a.f_me_home_btn_lesson_03:hover{
	background:url("../../image/course/f_me/lesson_03_on.png") no-repeat;
	width:95px;height:95px;
	
}
a.f_me_home_btn_lesson_04{
	background:url("../../image/course/f_me/lesson_04_off.png") no-repeat;
	width:95px;height:95px;float:left;position: relative;left:123px;top: 60px;cursor: pointer;
}

a.f_me_home_btn_lesson_04:hover{
	background:url("../../image/course/f_me/lesson_04_on.png") no-repeat;
	width:95px;height:95px;
	
}
a.f_me_home_btn_lesson_05{
	background:url("../../image/course/f_me/lesson_05_off.png") no-repeat;
	width:95px;height:95px;float:left;position: relative;left:184px;top: 125px;cursor: pointer;
}

a.f_me_home_btn_lesson_05:hover{
	background:url("../../image/course/f_me/lesson_05_on.png") no-repeat;
	width:95px;height:95px;
	
}
a.f_me_home_btn_lesson_06{
	background:url("../../image/course/f_me/lesson_06_off.png") no-repeat;
	width:95px;height:95px;float:left;position: relative;left:227px;top: 1px;cursor: pointer;
}

a.f_me_home_btn_lesson_06:hover{
	background:url("../../image/course/f_me/lesson_06_on.png") no-repeat;
	width:95px;height:95px;
	
}

a.f_me_home_btn_lesson_07{
	background:url("../../image/course/f_me/lesson_07_off.png") no-repeat;
	width:95px;height:95px;float:left;position: relative;left:301px;top: 64px;cursor: pointer;
}

a.f_me_home_btn_lesson_07:hover{
	background:url("../../image/course/f_me/lesson_07_on.png") no-repeat;
	width:95px;height:95px;
	
}