@charset "utf-8";


input.attachment {
	height: 2em;
	padding: 2px 2%;
	border: 1px solid #cccccc;
	border-radius: 3px;
	background: #fafafa;
	max-width: 90%;
}

input.attachment:focus {
	box-shadow: 0px 0px 5px #55ccff;
	border: 1px solid #55ccff;
	background: #ffffff;
}

input.attachment+p {
	margin-top: 5px;
}


form#bbs-form blockquote p {
	overflow: hidden;
}

form#bbs-form blockquote p a.overlay-zoombox {
	display: inline-block;
	max-width: 30%;
	float: right;
	margin: 0 0 15px 30px;
}

form#bbs-form blockquote p a.overlay-zoombox:hover {
	opacity: 0.7;
}

form#bbs-form blockquote p a.overlay-zoombox img {
	max-width: 100%;
	border-radius: 4px;
}


p.change-image img {
	max-width: 200px;
	border-radius: 4px;
	margin-bottom: 7px;
}


p#exist-image img {
	max-width: 200px;
	border-radius: 4px;
	margin-bottom: 7px;
}

p#exist-image span#reset {
	display: none;
	float: right;
	width: auto;
	height: auto;
	color: #ffffff;
	line-height: 1;
	margin-top: 0 !important;
	padding: 9px 15px;
	border-radius: 3px;
	background: #d9534f;
	border: 1px solid #d43f3a;
}

p#exist-image span#reset:hover {
	cursor: pointer;
	background: #c9302c;
	border: 1px solid #ac2925;
}


div.bbs-post p {
	float: right;
	max-width: 30%;
	margin: 0 0 15px 30px;
}

div.bbs-post p a.overlay-zoombox {
	display: inline-block;
}

div.bbs-post p a.overlay-zoombox:hover {
	opacity: 0.7;
}

div.bbs-post p a.overlay-zoombox img {
	max-width: 100%;
	border-radius: 4px;
}








/* --responsive------------------------------------------- */

/* 1000pixel start */
@media screen and ( max-width: 1000px ) {


form#bbs-form blockquote p a.overlayzoombox {
	max-width: 40%;
}

div.bbs-post p {
	max-width: 40%;
}

div.bbs-post p a.overlay-zoombox {
}

p.change-image img {
	max-width: 40%;
}

p#exist-image img {
	max-width: 40%;
}


}
/* 1000pixel end */