.explore_title {
        margin: 0 auto 20px auto;
        padding: 2px 10px 10px 10px;
        text-align: center;
        font: bold 22px Aptima;
        background: darkviolet;
        color: #fff;
        -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
    }
    .explore_title:hover {
        background: purple;
    }
    .prac_subject_list {}
    .prac_subject_item {
        margin: 0;
        float: left;
    }
    .prac_subject_item a {
        text-align: center;
        display: block;
        margin: 5px;
        padding: 10px;
        font: bold 17px OpenSansCondensed;
        color: navy;
        background: #E2F1F4;
        border: 1px solid #ccc;
        -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
    }
    .prac_subject_item a:hover {
        border: 1px solid navy;
        color: navy;
    }
    .prac_subject_item img {
        margin-bottom: 10px;
        border: 0;
    }
    
    .prac_sgk_list {
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		margin-top: -10px;
		margin-bottom: 10px;
	}
	.prac_sgk_list div {
		padding: 7px 10px;
		border-bottom: 1px solid #ccc;
	}
	.prac_sgk_list div:hover {
		background: #F5F6F9;
	}
	.prac_sgk_list span a {
		float: right;
		display: inline-block;
		margin-left: 12px;
	}

    .tred {
        background: red;
    }
    .tgreen {
        background: green;
    }
    .tblue {
        background: blue;
    }
    
    a.action_btn {
        display: block;
        float: right;
        font-weight: bold;
        color: #fff;
        font-size: 13px;
        margin: -5px 0 0 2px;
        padding: 6px 10px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
    }
    .action_btn:hover {
        color: #fff;
        background: #018CC5;
    }
    
    .prac_post_search select {
		width: 100%;
		padding: 6.3px 5px;
		font-size: 14px;
	}
	.prac_post_search .prac_post_search_level {
		float: right;
		width: 100px;
	}

    .prac_post_item {
        padding: 0 10px 10px 10px;
        margin: 0 0 10px 0;
    }
    .prac_post_item_level {
		height: 20px;
		width: 35px;
		float: right;
		margin: 5px -11px 0 10px;
		padding: 4px 0 5px 15px;
		color: #fff;
		font-weight: bold;
		font-size: 13px;
	}
	.prac_post_item_level_1 {
		background: url(img/prac_post_level_1.png) no-repeat;
	}
	.prac_post_item_level_2 {
		background: url(img/prac_post_level_2.png) no-repeat;
	}
	.prac_post_item_level_3 {
		background: url(img/prac_post_level_3.png) no-repeat;
	}
    .prac_post_item_content {
        text-align: justify;
        font-size: 15px;
        color: #000;
        font-family: LaTeX;
    }
    .prac_post_item_content_choice {
        width: 100%;
        font-size: 15px;
    }
    .prac_post_item_content_choice img {
        border: 0;
        margin: 0;
        width: 40px;
    }
    .prac_post_item_info {
        margin: 20px 0 10px 0;
        font-size: 13px;
    }
    .prac_post_item_info img {
        float: left;
        width: 30px;
        border: 0;
        margin: -5px 5px 0 0;
        -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
    }
    .prac_post_item_info span {
        float: right;
        color: rgb(49, 48, 48);
    }
    .prac_post_item_panel {
        border: 1px solid #ccc;
        border-left: 0;
        border-right: 0;
        background: #F9F7F7;
        margin: 10px -10px -11px -10px;
    }
    .prac_post_item_panel span {
        display: inline-block;
        float: right;
        color: #333;
        font-size: 13px;
        margin: 5px 15px 0 0;
    }
    .prac_post_item_panel a {
        display: inline-block;
        border-right: 1px solid #ccc;
        padding: 5px 15px;
        color: #000;
    }
    .prac_post_item_panel a:hover {
        color: navy;
    }
    .prac_post_item_panel a:last-child {
        border-right: 0;
    }

    .prac_solve_list {
        margin-top: 15px;
    }
    .prac_solve_item {
        padding: 0 10px 10px 10px;
        margin: 13px 0 0 0;
    }
    .prac_solve_item_title {
        margin: 10px 0;
        font-size: 13px;
    }
    .prac_solve_item_title img {
        float: left;
        width: 40px;
        border: 0;
        margin: 0 8px 0 0;
        -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
    }
    .prac_solve_item_title div {
        color: rgb(49, 48, 48);
    }
    .prac_solve_item_title div a {
        display: inline-block;
        margin-left: 15px;
    }
    .prac_solve_item_arrow {
        position:absolute;
        width:15px;
        height:15px;
        background: #ffffff;
        border-left:1px solid #58b666;
        border-top:1px solid #58b666;
        transform:rotate(45deg);
        top:-9px;
        left:30px;
    }
    .prac_solve_item_content {
        position: relative;
        margin-top: 15px;
        padding: 0 10px;
        text-align: justify;
        font-size: 15px;
        color: #000;
        font-family: LaTeX;
        border: 1px solid #58b666;
        -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
    }

    .prac_solve_item_reply {
        margin: 10px 0 0 0;
    }
    .prac_solve_reply_form {
        margin-bottom: 10px;
    }
    .prac_solve_reply_form .prac_solve_reply_form_avatar {
        float: left;
        width: 40px;
        -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
    }
    .prac_solve_reply_form .prac_solve_reply_form_area {
        margin-left: 50px;
    }
    .prac_solve_reply_form .prac_solve_reply_form_area textarea {
        width: 100%;
        height: 40px;
		font-size: 13px;
        border: 1px solid #ccc;
        -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
    }
    .prac_solve_reply_form .prac_solve_reply_form_area textarea:focus {
        border: 1px solid #ddd;
    }
    .prac_solve_reply_form .prac_solve_reply_form_area .prac_solve_reply_form_submit {
        margin-top: 0;
    }
    .prac_solve_reply_form .prac_solve_reply_form_area .imageupload {
        display: none;
    }
    .prac_solve_reply_form .prac_solve_reply_form_area .prac_solve_reply_form_icon {
        float: left;
        margin-top: 0;
    }
    .prac_solve_reply_form .prac_solve_reply_form_area .prac_solve_reply_form_icon img {
        border: 0;
        height: 34px;
    }
    .prac_solve_reply_form .prac_solve_reply_form_area .post_photo {
        display: inline-block;
        padding: 2px;
        background: #ccc;
        border: 1px solid #ddd;
        -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
    }
    .prac_solve_reply_item {
        border-top: 1px solid #ccc;
        padding: 5px 0;
    }
    .prac_solve_reply_item .prac_solve_reply_item_avatar {
        float: left;
        width: 40px;
        -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
    }
    .prac_solve_reply_item .prac_solve_reply_item_area {
        margin-left: 50px;
    }
    .prac_solve_reply_item .prac_solve_reply_item_title span {
        display: inline-block;
        color: gray;
        margin-left: 15px;
    }
    .prac_solve_reply_item .prac_solve_reply_item_title b {
        color: blue;
		font: bold 16px OpenSansCondensed;
    }
    .prac_solve_reply_item .prac_solve_reply_item_content {
        margin-top: 5px;
        text-align: justify;
    }
    .prac_solve_reply_item .prac_solve_reply_item_photo {
        max-width: 100%;
		margin-top: 5px;
        border: 0;
    }
    .prac_sgk_menu {
        list-style: none;
        font: 15px OpenSansCondensed;
        margin: -10px -10px 0 -10px;
        padding: 0;
    }
    .prac_sgk_menu li {
        background: url('img/sgk_menu0.png') left 5px top 7.5px no-repeat;
        border-bottom: 1px solid #ccc;
        padding: 5px 5px 5px 25px;
        cursor: pointer;
    }
    .prac_sgk_menu li.sgk_menu_cat:last-child, .prac_sgk_menu li.sgk_menu_sub:last-child {
        border-bottom: none;
    }
    .prac_sgk_menu li.sgk_menu_sub {
        display: none;
        background: none;
        border-bottom: 1px solid #ccc;
        padding: 0;
    }
    .prac_sgk_menu li.sgk_menu_sub a {
        background: url('img/sgk_menu1.png') left 25px top 7.5px no-repeat;
        padding: 5px 5px 5px 45px;
    }
    .prac_sgk_menu li a {
        display: block;
        text-decoration: none;
    }
    .prac_sgk_menu li.sgk_menu_sub span {
        float: right;
        display: inline-block;
        color: #fff;
        background: seagreen;
        font: 13px Aptima;
        margin: -1px 0 -2px 10px;
        padding: 0 7px 3px 7px;
        -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
    }
    
    .prac_post_user_list {
        margin: -10px -10px 0 -10px;
		max-height: 500px;
		overflow-y: overlay;
		background-color: transparent;
    }
    /* Hide scrollbar for Chrome, Safari and Opera */
    /* custom scrollbar */
	::-webkit-scrollbar {
		width: 5px;
	}
	::-webkit-scrollbar * {
		background:transparent;
	}
	::-webkit-scrollbar-thumb {
		background: #d6dee1 !important;
		border-radius: 20px;
	}
	.prac_post_user_list a {
		display: block;
		padding: 5px;
		-moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
	}
	.prac_post_user_list a:hover {
		background: #FBE3FC;
	}
	.prac_post_user_list img {
		width: 40px;
		float: left;
		margin-right: 10px;
		-moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
	}
	.prac_post_user_list .prac_post_user_info {
		color: blue;
		font: bold 14px OpenSansCondensed;
	}
	.prac_post_user_list .prac_post_user_info span {
		display: inline-block;
		margin-right: 10px;
		color: #000;
		font: 13px Entypo;
	}

@media screen and (min-width: 800px) {
    .container {
        margin-top: -20px;
    }
    .explore_title {
        width: 300px;
    }
    .prac_main {
        float: left;
        width: 600px;
    }
    .prac_sidebar {
        margin-left: 610px;
    }
    .prac_subject_item {
        width: 20%;
    }
    .prac_subject_item img {
        height: 100px;
    }
    #form input[type=text], #form input[type=file], #form select, #form #tag {
		width: 448px;
        max-width: 448px;
	}
    #form textarea {
		width: 578px;
        max-width: 578px;
	}
	#form .text-editor {
		width: 578px;
        max-width: 578px;
	}
    .prac_post_search {
        float: right;
		margin: -42px 125px 0 0;
	}
    .prac_post_search .prac_post_search_sgk {
		float: right;
		width: 400px;
	}
	.prac_post_search .prac_post_search_level {
		margin-left: 5px;
	}
    .prac_post_list {
        column-count: 2;
        column-gap: 10px;
    }
    .prac_post_list .prac_post_item {
        break-inside: avoid-column;
    }
}

@media screen and (max-width: 799px) {
    #m_search {
		display: block;
		top: 35px;
		left: -5px;
		width: 97%;
		position: absolute;
	}
	#search_suggest {
		MARGIN-TOP: -100px;
	}
	.explore_title {
	    margin-top: 90px;
	}
    .container {
        margin: 15px 5px 5px 5px;
    }
    .prac_subject_item {
        width: 50%;
    }
    .prac_subject_item img {
        height: 80px;
    }
    .prac_main input[type=text], .prac_main input[type=file], .prac_main select, .prac_main textarea, .prac_main .text-editor, .prac_main #tag {
		width: 100%;
        max-width: 100%;
	}
	.prac_post_list .prac_post_item_size {
        width: 100%;
    }
    .prac_post_list .prac_post_item {
        width: 100%;
        margin-bottom: 10px;
        display: inline-block;
        box-sizing: border-box;
    }
    .prac_post_search {
		margin: 10px 0;
	}
    .prac_post_search .prac_post_search_sgk {
		margin-right: 105px;
	}
}