@charset "utf-8";
*, *:before, *:after {
	moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
	margin:0;
	padding:0
}
ul, ol {
	list-style:none
}
a {
	text-decoration:none;
	color:#333;
}
a img {
	border:0;
}
body {
	color:#333;
	font:14px/1.5 "\5FAE\8F6F\96C5\9ED1", helvetica, Arial;
	margin:0;
	padding:0;
}
.header {
	padding:0 10px;
	position:relative;
}
.banner {
	background:url(../images/bannerbg.gif) no-repeat 99% 100%;
	overflow:hidden;
	zoom:1;
}
.logo {
	float:left;
}
.boardtitle {
	font-size:24px;
	/*font-weight:bold;*/
	color:#888;
	vertical-align:top;
}
.logon {
	float:right;
	padding:3px 15px 0 0;
}
.logon a {
	padding-left:7px;
}
.logon, .logon a {
	color:#777;
}
.menu {
	font-size:24px;
	line-height:1.5em;
	letter-spacing:0.1em;
	overflow:hidden;
	zoom:1;
}
@media (min-width:768px)
{
.menu {
	margin:-140px 0 0 350px;
}
}
@media (max-width:768px)
{
	.menu {
		margin:0 auto;
		max-width:400px;
	}
}
.menu, .menu a {
	color:#666;
}
.menu li {
	float:left;
	padding:25px;
	width:130px;
	text-align:center;
}
@media (min-width:768px) {
	.wrapper {
		padding:10px 0 10px 325px;
		overflow:hidden;
	}
	.submenu {
		float:left;
		margin-left:-320px;
	}
	.main {
		float:left;
		width:100%;
	}
}
@media (max-width:768px) {
	.submenu {
		margin:0 auto;
	}
}
.submenu {
	width:304px;
	height:465px;
	background:url(../images/coco.gif);
	position:relative;
}
.submenu ul {
	width:224px;
	position:absolute;
	left:40px;
	top:150px;
}
.submenu li {
	text-align:right;
	height:49px;
	background-image:url(../images/plank.gif)
}
.submenu a {
	font-style:italic;
	color:#41014a;
}
.submenu .item1 {
	background-position:0 0;
	padding-right:30px;
	line-height:39px;
}
.submenu .item2 {
	background-position:0 -49px;
	padding-right:30px;
	line-height:39px;
}
.submenu .item3 {
	background-position:0 -98px;
	padding-right:35px;
	line-height:49px;
}
.submenu .item4 {
	background-position:0 -147px;
	padding-right:35px;
	line-height:59px;
}
.submenu .item5 {
	background-position:0 -196px;
	padding-right:45px;
	line-height:61px;
}
/******************/
.main {
	font:14px/1.5 "\5B8B\4F53", helvetica, Arial;
}
hr {
	margin-top:20px;
	margin-bottom:20px;
	border:0;
	border-top:1px solid #eee;
}
hr.hold-hidden {
	margin-bottom: 0;
}
h2 {
	font-size:30px;
	font-weight:500;
	line-height:1.1;
	padding-left:20px;
}
form.cont {
	padding-right:20px;
}
.form-group, .form-group-thin {
	clear:both;
	overflow:hidden;
	margin-bottom:15px;
	margin-left:-15px;
	margin-right:-15px;
}
.form-group label, .form-group-thin label {
	float:left;
	position:relative;
	padding-right:15px;
	font-weight:bold;
	text-align:right;
	padding-top:7px;
}
.form-group label {
	width:16.666666%;
}
.form-group-thin label {
	width:9%;
}
.form-group .form-col label, .form-group-thin .form-col label {
	width:auto;
	font-weight:normal;
}
.form-col {
	float:left;
	position:relative;
	width:83.333333%;
	padding-left:15px;
}
.form-group-thin .form-col {
	width:88%;
}
.form-control, .form-control-wide {
	width:100%;
	max-width:280px;
	height:34px;
	line-height:1.428571429;
	display:block;
	border:1px solid #ccc;
	border-radius:4px;
	padding:6px 12px;
}
input[type="checkbox"] {
	vertical-align:-3px;
	margin-right:6px;
}
textarea.form-control, textarea.form-control-wide {
	height:46px;
}
textarea.form-control-wide {
    max-width:none;
}
.form-text {
	display:block;
	height:34px;
	padding-top:7px;
}
.form-btn {
	display:inline-block;
	padding:6px 20px;
	margin:0 5px 0 0;
	border:1px solid transparent;
	border-radius:4px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	-ms-user-select:none;
	user-select:none;
	font-size:14px;
	line-height:1.428571429;
}
.dft-btn {
	color:#333;
	background-color:#fff;
	border-color:#ccc;
}
.dft-btn:hover, .dft-btn:active, .dft-btn:focus {
	background-color:#ebebeb;
	border-color:#adadad;
}
.error {
	color:#f00;
}
.hold-hidden {
	visibility:hidden;
}
/********/
.table-frame {
	padding: 10px 15px 15px;
	border:solid 1px #ddd;
	border-radius: 4px 4px 0 0;
	margin-left:25px;
	margin-right:25px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.table {
	width:100%;
}
.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td{
	border-top:0;
}
.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td
.table>thead>tr>th{
	vertical-align:bottom;
	border-bottom:2px solid #ddd;
}
.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.428571429;
	vertical-align: top;
	border-top: 1px solid #ddd;
}
th.op2, td.op2 {
	width:90px;
}
th.op4, td.op4 {
	width:180px;
}
td.op2 a, td.op4 a {
	margin:0 4px;
}
/*pager*/
.pager {
	margin:10px 0;
	overflow:hidden;
	zoom:1;
}
.pager li {
	list-style:none;
	float:left;
	margin:0 5px;
	color:#6e3874;
	font-weight:bold;
	font-size:14px;
}
.pager li.current {
	font-size:18px;
	margin-top:-5px;
}
.pager li a {
	font-weight:normal;
	font-size:14px;
}
.pager .first, .pager .previous, .pager .next, .pager .last {
	color:#999;
	font-weight:normal;
}
.pager .first a, .pager .previous a, .pager .next a, .pager .last a {
	font-weight:normal;
}

/***************************************/
.footer {
	padding-top:20px;
	clear:both;
	text-align:center;
}
.footer a {
	margin:0 8px;
	color: #684974;
}
.gray, .gray a {
	color:#999;
}
.small {
	font-size:12px;
}
/***************/
img.avatar, img.thumbnail {
	max-width:200px;
	max-height:200px;
	margin-bottom:4px;
}