.student_info {
        padding: 0;
    }
    .student_info_cover {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center bottom;
        height: 125px;
        margin: -1px -1px 0 -1px;
            -moz-border-top-left-radius: 3px;
	        -webkit-border-top-left-radius: 3px;
			border-top-left-radius: 3px;
            -moz-border-top-right-radius: 3px;
	        -webkit-border-top-right-radius: 3px;
			border-top-right-radius: 3px;
    }
    .student_info_avatar {
        text-align: center;
        margin-top: -40px;
    }
    .student_info_avatar img {
        background: #fff;
        padding: 4px;
        -moz-border-radius: 10%;
            -webkit-border-radius: 10%;
            border-radius: 10%;
    }
    .student_info_title {
        text-align: center;
        margin: 10px 0;
    }
    .student_info_title b {
        font: bold 18px Azuki;
        color: red;
    }
    .student_info_title span {
        color: navy;
        font-size: 14px;
    }
    .home_sidebar .box h3 {
        margin-top: 0;
        margin-bottom: 5px;
        padding: 0 0 8px 0;
        border-bottom: 1px solid #ccc;
    }
    .home_sidebar .message_teacher_list {
        margin-bottom: 5px;
    }
    .home_sidebar a.message_teacher_item {
		display: block;
		padding: 5px;
		-moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
	}
	.home_sidebar a.message_teacher_item:hover {
		background: #FBE3FC;
	}
	.home_sidebar a.message_teacher_item img {
		width: 40px;
		float: left;
		margin-right: 10px;
		-moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
	}
	.home_sidebar .message_teacher_item_info {
		color: blue;
		font: bold 14px OpenSansCondensed;
	}
	.home_sidebar .message_teacher_item_info span {
		display: inline-block;
		color: #000;
		font: 13px Entypo;
	}

    .home_item .home_item_avatar {
        float: left;
        width: 40px;
        -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
    }
    .home_item .home_item_title {
        margin: 0 0 10px 50px;
    }
    .home_item .home_item_title span {
        display: inline-block;
        color: gray;
        margin-right: 15px;
    }
    .home_item .home_item_title b {
        color: blue;
		font: bold 16px OpenSansCondensed;
    }
    .home_item .home_item_content {
        text-align: justify;
    }
    .home_item .home_item_photo {
        max-width: 100%;
        border: 0;
        margin: 10px 0;
    }
    .home_item .home_item_quiz {
        background: antiquewhite url('../teacher/home/img/icon_quiz.png') no-repeat;
        background-size: 40px;
        background-position: 10px 13px;
        padding: 10px 10px 10px 60px;
        margin-bottom: 10px;
        min-height: 35px;
        border: 1px solid #ccc;
        -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
    }
    .home_item .home_item_quiz a {
        color: red;
        font: bold 18px OpenSansCondensed;
    }
    .home_item .home_item_quiz a:hover {
        color: navy;
    }

    .home_timeline {
        border-left: 2px solid gray;
        margin-left: 10px;
    }
    .home_timeline .home_timeline_item {
        margin: 0 0 20px -8px;
    }
    .home_timeline .home_timeline_item .home_timeline_item_circle {
        float: left;
        margin-left: -3px;
        width: 15px;
        height: 12px;
        padding: 4px 0 0 1px;
        background: hotpink;
        border: 2px solid #fff;
        text-align: center;
        color: #fff;
        font-size: 10px;
        -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
    }
    .home_timeline .home_timeline_item .home_timeline_item_content {
        margin-left: 30px;
    }
    .home_timeline .home_timeline_item .home_timeline_item_content span {
        color: rgb(102, 101, 101);
        display: block;
        margin-bottom: 5px;;
    }
    
    .ribbon-container {
      background: transparent !important;
      position: relative;
      z-index: 1;
    }
    .ribbon {
      background: hsl(30, 90%, 65%);
      box-shadow: 2px 6px 12px rgba(0,0,0,0.5);
      font-family: Charter, serif;
      font-size: 18px;
      line-height: 1.0;
      text-align: center;
      margin: 10px auto 25px auto;
      padding: 0.25em 0;
      position: relative;
      width: 75%;
    }
    .ribbon:before,
    .ribbon:after {
      border: 1.5em solid hsl(30, 82%, 62%);
      content: '';
      display: block;
      position: absolute;
      bottom: -1em;
      z-index: -1;
    }
    .ribbon:before {
      left: -2em;
      border-right-width: 1.5em;
      border-left-color: transparent;
      box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
    }
    .ribbon:after {
      right: -2em;
      border-left-width: 1.5em;
      border-right-color: transparent;
      box-shadow: -2px 2px 2px rgba(0,0,0,0.5);
    }
    .ribbon-content {
      border-top: 0.0625em dashed hsl(30, 90%, 44%);
      border-bottom: 0.0625em dashed hsl(30, 90%, 44%);
      box-shadow: inset 0px 1px 1px rgba(0,0,0,0.08), inset 0px -1px 1px rgba(255,255,255,0.08), 0px -1px 1px rgba(255,255,255,0.2), 0px 1px 1px rgba(0,0,0,0.08);
      display: block;
      padding: 0.6875em 0;
    }
    .ribbon-content:before,
    .ribbon-content:after {
      content: '';
      display: block;
      position: absolute;
      border-style: solid;
      border-color: hsl(30, 80%, 40%) transparent transparent transparent;
      bottom: -1em;
    }
    .ribbon-content:before {
      left: 0;
      border-width: 1em 0 0 1em;
    }
    .ribbon-content:after {
      right: 0;
      border-width: 1em 1em 0 0;
    }
    .ribbon a {
      color: blue;
      font-family: 'DDC';
      text-decoration: none;
      text-shadow: 1px 1px 1px rgba(255,255,255,0.25);
    }
    .ribbon a:hover {
      color: navy;
    }
    
@media screen and (min-width: 800px) {
    .container {
        width: 850px;
        margin: -40px auto 0 auto;
    }
    .home_main {
        float: right;
        width: 600px;
    }
    .home_sidebar {
        float: left;
        width: 240px;
    }
}

@media screen and (max-width: 799px) {
    .container {
        margin: 10px;
    }
}

    ::-webkit-scrollbar {
		width: 5px;
		display: none;
	}
	::-webkit-scrollbar * {
		background:transparent;
	}
	::-webkit-scrollbar-thumb {
		background: #d6dee1 !important;
		border-radius: 20px;
	}