@media (max-width:859px) {
	.ueditor_container img {
		max-width: 100%;
		height: auto;
	}
	.list_box_course {
		width: 100%;
		margin: 1em 0;
	}
	.course_head {
	    margin: 0;
	}
	.div_inline_course {
	    width: 100%;
	}
	.span_head_r {
		display: none;
	}
}

@media (min-width: 860px) {
  .div_btn_opendrawer {
    position: fixed;
    bottom: 120px;
    margin-left: 1236px;
  }
  .btn_opendrawer {
    height: 100px;
      width: 30px;
      padding: 5px;
      white-space: normal;
      border-radius: 0 5px 5px 0;
      background: #3061fd;
      line-height: 16px;
      color: #FFF;
  }
  button.btn_opendrawer:active,button.btn_opendrawer:hover,button.btn_opendrawer:focus {
    outline: none;
    color: #FFF;
  }
  
  .div_compiler_drawer {
    position: fixed;
      height: 500px;
      width: 1163px;
      bottom: -550px;
      border-radius: 5px 5px 0 0;
      padding: 10px;
      background: #333;
      transition: bottom 0.5s ease-in-out;
  }
  .open_drawer {
    bottom: 0px;
  }
  .div_compiler_drawer .div_area_code,.div_compiler_drawer .div_inoutput {
    padding: 0px;
    height: 90%;
  }
  .div_compiler_drawer .div_input {
    height: 45%;
  }
  .div_compiler_drawer .div_output {
    height: 55%;
  }
  .div_compiler_drawer .div_area_code {
    padding-right: 5px;
  }
  /*.div_compiler_drawer .area_code {
    height: 814px;
  }
  .div_compiler_drawer .area_input {
    height: 309px;
  }
  .div_compiler_drawer .area_output {
    height: 500px;
  }*/
}