@CHARSET "UTF-8";

#view_content,
#view_comment,
#form_comment {
	font-size: 12px;
}
#view_content {
	margin: 20px 0;
}
#form_comment {
	border: solid #000;
	border-width: 1px 0 0;
}

#form_comment table { width: 100%; }
#form_comment table td { border: solid #aaa; border-width: 0 0 1px; }
#form_comment table td:nth-child(1) { width: 100px; }
#form_comment tbody td:nth-child(2) { padding: 5px 0; }
#form_comment table td:nth-child(3) { width: 100px; }
#form_comment tbody form textarea { height: 38px; vertical-align: middle; width: calc(100% - 100px); }
#form_comment tbody form button   { height: 40px; vertical-align: middle; width:              60px ; }
#form_comment tfoot tr       { height: 60px; }
#form_comment tfoot textarea { height: 58px; width: calc(100% - 2px); }
#form_comment tfoot button   { height: 60px; width:      100%       ; }
#form_comment .btnReply {
	color: #888;
	font-size: 8pt;
	text-decoration: underline;
	cursor: pointer;
}

#view_read_head {
	border-bottom: 1px solid #000;
}
#view_read_head span { display: inline-block; }
#view_label_category { width:  50px; }
#view_label_title    { width:  50px; }
#view_label_writer   { width:  50px; }
#view_label_time     { width:  50px; }
#view_label_rnum     { width:  50px; }
#view_label_ip       { width:  20px; }
#view_label_blog     { width:  50px; }
#view_category  { width: 100px; }
#view_title     { width: (100% - 210px); }
#view_writer    { width: calc(100% - 480px); }
#view_time      { width: 120px; }
#view_rnum      { width:  50px; }
#view_ip        { width: 100px; }
#view_blog      { width: calc(100% - 60px); }