/* CSS Document */
.graybutton{ background-color:#D8D8D8; -weikit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px; color:#FFFFFF; padding:3px 10px; font-size:14px;}
.redbutton{ background-color:#FF0000; -weikit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px; color:#FFFFFF; padding:10px 20px; font-size:16px;}
.textdel{font-family: "宋体"; vertical-align: middle;text-decoration:line-through;}
.txtEA8010{color:#EA8010 !important;}
.txtEB4F38{color:#EB4F38 !important;}
.txt11CD6E{color:#11CD6E !important;}
.wavy{background:url(../images/blog/wavy.jpg) repeat-x left bottom; padding-bottom:2px;}

.boxwidth4{color:#333333;}
.txt11{ font-size:11px !important;}
.txt15{ font-size:15px !important;}
.txt444{color:#444444;}
.txtbe{color:#BEBEBE;}

/*****顶部******/
.blogtopul>li{
	float:left;
	width:32%;
}
.blogtopul .icon_teacher{
	position:absolute;
	left:0px;
	top:0px;
}
.blogtopul .blogphoto{
	width:120px;
	height:120px;
	padding: 4px;
	border: 1px solid #bebebe;
	-webkit-box-shadow: 0 2px 2px #dcdcdc;
	-moz-box-shadow: 0 2px 2px #dcdcdc;
	box-shadow: 0 2px 2px #dcdcdc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.blogtopul .mid{
	margin:0 2%;
}
.blogtopul .mid li{
	margin-bottom:10px;
}
.blogtopul .mid li, .blogtopul .intro>p{
	background:#EBF1DE;
	padding:5px;
}
.blogtopul .intro>div{
	border:#EBF1DE 1px solid;
	padding:5px;
	margin-top:1px;
	height:139px;
	overflow-y:auto;
}
#introedit,#nameedit{
	cursor:pointer;
}

.blogtextarea{
	width:100%;
	height:50px;
	resize:none;
}
/*****顶部******/

/*****スマチュ達成******/
.nav_menu li span{padding:6px;}
.badgelist *{box-sizing: border-box;}
.badgelist.row li{padding:5px 5px; color:#555555;font-weight:bold;float:left;}
.badgelist.row li p{padding:0 5px; height:44px;word-wrap: break-word;word-break: normal;white-space:normal;}
.badgelist.row li .badgeoffbg{height:84px; background:url(../images/smachu/badge/badge_off.png) top center no-repeat;}
.badgelist.row li a{padding-left:0; padding-right:0;}
.badgelist .col-xs-4 {width: 33.33333333%;}
@media (min-width: 1020px) {
  .badgelist .col-md-3 {width: 25%;}
}
.panel {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}
.panel-default {
    border-color: #ddd;
}
.panel-default > .panel-heading {
    background-color: #f5f5f5;
    border-color: #ddd;
    color: #333;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
    background-color: #333;
    color: #f5f5f5;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd;
}
.panel-heading {
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px 15px;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: middle;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
/*****スマチュ達成END******/


/*****笔记列表*******/
.blogarticlelist{
	border-bottom: 1px solid #dcdcdc;
	padding:10px;
}
.blogarticlelist .photo img{
	width:48px;
	height:48px;
}
.blogarticlelist .content{
	padding-left:60px;
	position:relative;
}
.blogarticlelist .content .articlecontent p{
	min-height:16px;
}
.blogarticlelist .content .blogarticledel{
	position:absolute;
	top:0;
	right:0;
	font-size:16px;
	color:#444444 !important;
}
.blogarticlelist .content .blogarticleprivate{
	position:absolute;
	top:0;
	right:0;
	font-size:12px;
}
.blogarticlelist .content .blogarticleprivate a{
	text-decoration:underline;
}
.blogarticlelist .blogarticlephoto img{
	max-width:450px;
	padding: 3px;
	border: 1px solid #bebebe;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.nice_button_sprite > i{
	display:inline-block;
	vertical-align:top;
	width:16px;
	height:16px;
	margin-right:2px;
	background:url(../images/blog/nice.png) top left no-repeat;
}
.nice_button_sprite_del > i{
	background-position:-17px 0;
}

.blogcommentlist li{
	margin-top:5px;
	padding:10px;
	background:#FFFFFF;
	border:5px solid #f3f3f3;
}
.blogcommentlist .blogcomment_content{
	padding-left:45px;
	position:relative;
}
.blogcommentlist .blogcomment_content .blogcommentdel{
	position:absolute;
	bottom:0;
	right:0;
	font-size:16px;
	color:#444444 !important;
}

.blogarticlelist .res_post_form_tumb{
	display:none;
}
.blogarticlelist .res_post_form_tumb img, .blogcommentlist .blogcomment_photo img{
	width:34px;
	height:34px;
}
.blogarticlelist .res_post_form_textarea textarea{
	width:300px;
	padding:1px;
	line-height:120%;
	resize: none;
	overflow:hidden;
}
.blogarticlelist .res_post_form_textarea p{
	display:none;
}

.blogarticleinput{
	background:#F9F9F9;
	border:1px solid #EAEAEA;
}
.blogarticleinput .content{
	padding:5px 10px 5px 110px;
}
.blogarticleinput .content2{
	padding:5px 10px 5px 150px;
}
.blogarticleinput .content i{
	display:inline-block;
	vertical-align:top;
	width:16px;
	height:16px;
	margin-right:5px;
	background:url(../images/blog/triangle.png) top left no-repeat;
}
.blogarticleinput .bloglink{
	border:solid 1px #66AA00;
	padding:5px 30px;
	margin-right:10px;
	border-radius:6px;
	color:#000000;
	display:block;
	float:left;
	max-width:100px;
	margin-top:2px;
}
/*****笔记列表*******/

/*****添削*******/
.modifylist>li>.text{
	line-height:20px;
}
.modifylist>li>a{
	line-height:20px;
	color:#56abe4;
}
.modifylist textarea, .modifylist input[type="text"]{
	width:400px;
	vertical-align:middle;
}
.modifylist input{
	vertical-align:middle;
}

#infscr-loading{
	text-align:center;
	padding-top:10px;
}

.notlogged .l{
	padding-right:360px;
}
.notlogged .r{
	float:right;
	width:350px;
}
.notlogged .notloggedimg{
	padding:8px 7px;
	background:#F5F5F5;
	width:368px;
	margin:auto;
}
.notlogged .notloggedimg img{
	margin:7px;
	border:1px solid #CCC;
	padding:1px;
}
.notlogged .login_box{
	border:solid 1px #BFBFBF;
	background:#F5F5F5;
	padding:5px;
}
.notlogged .login_box p{
	padding:5px 5px 10px;
	border-bottom:solid 1px #CCC;
}
.notlogged .inputtext{
	width:100%;
	line-height:16px;
	font-size:16px;
}
.notlogged input{
	vertical-align:middle;	
}
.notlogged .pandabutton{
	display:block;
	border:solid 1px #1f497d;
	border-radius: 4px;-moz-border-radius: 4px; -weikit-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; -ms-border-radius: 4px;
}
.notlogged .pandabutton p{
	background:#1f497d;
	float:left;
	width:306px;
	height:44px;
	line-height:44px;
	font-size:18px;
	color:#FFFFFF;
	text-align:center;
}
.notlogged .pandabutton img{
	float:right;
	height:40px;
	margin:2px;
}

/*****关注列表*****/
.social_friendlist *{
	box-sizing: border-box;
}
.social_friendlist li{
	margin: 3px 1%;
	padding:10px;
	float:left;
	width:31.33%;
	background:#f2f2f5;
	list-style:none;
	height:90px;
}
.social_friendlist li p{
	float:left;
}
.social_friendlist li .photo{
	border-right:solid 1px #ccc;
	padding-right:10px;
	width:40%;
}
.social_friendlist li .photo img{
	max-width:100%;
	max-height:70px;
}
.social_friendlist li .msg{
	width:60%;
	padding-left:10px;
}
/*****关注列表*****/


@media only screen and (max-width:1020px) { 
	.notlogged .l{padding-right:0;padding-top:40px;}
	.notlogged .r{float:none;margin:auto;}
	.nav_menu li{margin-left:5px;}
	.nav_menu li span{padding: 5px; font-size:12px;}

	.social_friendlist li{margin: 3px .5%;width:49%;}
}

.studyexplain_box{display:none;width:550px;max-width:99%;padding:5px;background:#F3F3F3; position:fixed;z-index:2; top:200px;left:50%;margin-left:-181px;line-height:1.5;border:solid 1px #71893F;font-size:16px; color:#FFFFFF;}
.studyexplain_box img{max-width:100%;}
.studyexplain_box .close{position:absolute;top:-5px;right:5px;font-size:36px;color:#000000;}
.explaincontent{background:#F3F3F3;}
@media only screen and (max-width:820px) { 
	.nav_menu li{margin-left:3px;}
	.studyexplain_box{left:50%;margin-left:-281px;}	
}
@media only screen and (max-width:562px) { 
	.studyexplain_box{left:50%;margin-left:-50%;}	
	.studyexplain_box .bitexcontent{font-size:12px;}
	.studyexplain_box .close{position:absolute;top:0;right:10px;font-size:20px;color:#000000;}
}


/****************************** scoial ******************************/
.hanamaru{
	background:url(../images/hanamaru.png) center top no-repeat !important;
}
/****************************** scoial ******************************/