.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus,
	.btn.active.focus {
	outline: none;
}

#scratch {
	width: 869px;
	height: 696px;
	background-color: #ffffff;
}

.player {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #ffffff;
}

#loader {
	position: absolute;
	top: 0px;
	left: 0px;
}

.mode {
	background-color: #ffffff;
	padding: 14px 26px;
	margin-top: 20px;
}

#mode_open:hover {
	text-decoration: underline;
}

.comment_div {
	padding: 14px 26px;
	background-color: #ffffff;
	flex: 1;
}

.comment_textarea {
	resize: none;
	width: 100%;
	height: 120px;
	padding: 10px;
	border: 1px #E4E8E9 solid;
	outline: none;
}

#btn_comment {
	border-radius: 0;
	background-color: #ff3f00;
	width: 80px;
	color: #ffffff;
}

#btn_comment:active {
	background-color: #ff8100;
}

.com_detail {
	word-wrap: break-word;
	word-break: break-all;
	max-width: 750px;
	padding-top: 5px;
	color: #bbb;
}

.reply_btn {
	background-color: #ff3f00;
	color: #ffffff;
}

.reply_btn:active {
	background-color: #DD3800;
	color: #ffffff;
}

.reply_a {
	color: #808080;
}

.reply_a:hover, .reply_a:focus, .reply_a:active:focus, .reply_a.active:focus,
	.reply_a.focus, .reply_a:active.focus, .reply_a.active.focus, .reply_a:VISITED
	{
	outline: none;
	color: #808080;
	text-decoration: none;
}

.work_img:focus, .work_img:active:focus, .work_img.active:focus,
	.work_img.focus, .work_img:active.focus, .work_img.active.focus {
	outline: none;
}