@charset "utf-8";
@import url(fonts_awesome/font-awesome.min.css);
@import url('btn.css');
@import url('other.css');
body {
	background: url(../img/bg.gif);
	font-family: "Tahoma", Tahoma, Geneva, sans-serif;
	font-size: 12px;
	margin: 20px;
}
td, th, input, select, textarea {
	font-family: "Tahoma", Tahoma, Geneva, sans-serif;
	font-size: 12px;
}
form {
	margin: 0 !important;
}
a:link, a:visited, a:active, a:hover {
	color: #c0c0c0;
	text-decoration: none;
}
#head {
	background: #FFFFFF;
	border-bottom: 1px solid #2a498c;
	color: #FFF;
	height: 120px;
	position: relative;
}
#head .logo {
	float: left;
	left: 10px;
	position: absolute;
	top: 15px;
}
#head .memberinfo {
	float: right;
	margin: 15px 20px 0 0;
}
#head .memberlog {
	color: #999;
	float: right;
	font-size: 10px;
	margin: 0 20px 0 0;
}
#head .head-swaplang {
	bottom: 0;
	position: absolute;
	right: 20px;
}
#head .head-swaplang a.active {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}
a.linkhead:link, a.linkhead:visited, a.linkhead:active {
	color: #c0c0c0;
	text-decoration: none;
}
a.linkhead:hover {
	color: #fff;
	text-decoration: underline;
}
#container .bar {
	background: #8497BF;
	border-top: 1px solid #a8b6d1;
	height: 37px;
	padding-top: 3px;
}
#container .bar .tab_container {
	margin-left: 200px;
	padding: 0;
}
#container .bar .tab_container ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#container .bar .tab_container ul li {
	background: #d5d5d5;
	color: #a1a1a1;
	float: left;
	font-size: 14px;
	height: 27px;
	margin: 0 1px 0 0;
	padding: 10px 15px 0 15px;
}
#container .bar .tab_container ul li.active, #container .bar .tab_container ul li:hover {
	background: #fff;
	color: #4a4a4a;
}
#container .content {
	background: #fff;
}
#container .content .left {
	background: #eaeaea;
	border-bottom: 3px solid #c0c0c0;
	float: left;
	width: 200px;
}
#container .content .left ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#container .content .left li {
	border-bottom: 1px solid #c0c0c0;
}
#container .content .left a.menu {
	border-right: 1px solid #999;
	color: #4a4a4a;
	display: block;
	font-size: 15px;
	padding: 20px 10px 20px 70px;
}
#container .content .left a:hover {
	color: #666;
}
.ico_system {
	background: url(../img/ico/ico01.png) 20px 12px no-repeat;
}
.ico_menu {
	background: url(../img/ico/ico02.png) 20px 12px no-repeat;
}
.ico_logout {
	background: url(../img/ico/ico03.png) 20px 12px no-repeat;
}
.submenu_system, .submenu_menu, .submenu_menu .subpid {
	display: none;
	width: 200px;
}
.submenu_system a, .submenu_menu a, .submenu_system div, .submenu_menu div.menupid {
	border-right: 1px solid #999;
	border-top: 1px dotted #c0c0c0;
	color: #4a4a4a;
	cursor: pointer;
	display: block;
	padding: 7px 15px 7px 15px;
}
.submenu_system a:hover, .submenu_menu a:hover, .submenu_system div.menupid:hover, .submenu_menu div.menupid:hover {
	background: #fff;
}
.submenu_menu .subpid a {
	padding-left: 35px;
}
.submenu_system .active, .submenu_menu .active {
	border-right: none;
	background: #fff;
	font-weight:bold;
}
#container .content .right {
	background: #fff;
	/*border-left: 1px solid #999;*/
	margin-left: 199px;
	min-height: 340px;
	padding: 30px 30px 30px 30px;
}
#footer {
	color: #fff;
	font-size: 10px;
	margin-bottom: 20px;
	padding: 5px 5px 0 0;
	text-align: right;
}
/* OTHER */
.topic {
	border-bottom: 1px solid #c0c0c0;
	color: #c0c0c0;
	font-size: 18px;
	padding-bottom: 10px;
}
.topicbottom {
	border-top: 1px solid #c0c0c0;
	color: #c0c0c0;
	font-size: 18px;
	padding-top: 10px;
}
.listbox {
	background: #eaeaea;
	border: 1px solid #c0c0c0;
	color: #4a4a4a;
	margin: 10px 0 10px 0;
	padding: 15px;
	position: relative;
}
.listboxactive {
	background: #ddd;
	border: 1px solid #aaa;
	color: #4a4a4a;
	margin: 10px 0 10px 0;
	padding: 15px;
	position: relative;
}
.listsubject {
	font-size: 13px;
	min-height: 27px;
	padding: 5px 0 5px 45px;
}
.listsubject .detailtopic {
	color: #a1a1a1;
	font-size: 11px;
	margin: 5px 0 10px 0; word-wrap: break-word;
}
.listsubject .detailtopicactive {
	color: #4a4a4a;
	font-size: 11px;
	margin: 5px 0 10px 0; word-wrap: break-word;
}
.listdetail {
	font-size: 11px;
	padding: 0 0 0 45px;
}
.listdetail span {
	color: #a1a1a1;
	line-height: 20px;
	padding-right: 20px;
}
.listboxactive .listdetail span {
	color: #4a4a4a;
	line-height: 20px;
	padding-right: 20px;
}
.inputbox {
	color: #4a4a4a;
	margin: 10px 0 20px 0;
}
.inputbox .text, .text {
	background: #eaeaea;
	border: 1px solid #959595;
	padding: 5px;
}
.inputbox .suggestion {
	color: #aaa;
	font-size: 11px;
	margin-top: 3px;
}
.inputbox .boxcontent {
	border: 1px solid #ccc;
	max-height: 500px;
	overflow: auto;
	padding: 20px;
}
.inputtopic {
	font-weight: bold;
	margin-bottom: 5px;
}
.actionbox {
	background: #fff;
	display: none;
	position: absolute;
	top: 0;
	right: 0;
}
.actionbox td {
	border-bottom: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	padding: 5px;
}
.actionbox img, .actiontb img {
	border: none;
}
.actiontb td {
	border: 1px solid #c0c0c0;
	padding: 5px;
}
.paging {
	border: 1px solid #fff;
	display:block;
	height:20px;
	width:20px;
}
.gotoselect {
	padding: 1px;
}
.keywordtext {
	padding: 1px;
}
.paging:hover {
	border: 1px solid #c0c0c0;
}
.showpage {
	color: #4a4a4a;
	padding:0 5px 0 5px;
}
.showpagelast {
	color: #4a4a4a;
	padding:0 0 0 5px;
}
a.first {
	background:url(../img/page/first.png) center no-repeat;
}
a.prev {
	background:url(../img/page/prev.png) center no-repeat;
}
a.next {
	background:url(../img/page/next.png) center no-repeat;
}
a.last {
	background:url(../img/page/last.png) center no-repeat;
}
.tabledata {
	background: #959595;
}
.tabledata img {
	border: none;
}
.tabledata .topic {
	background: #a8b2c5;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
.tabledata .row1 {
	background: #fff;
	color: #4a4a4a;
}
.tabledata .row2 {
	background: #eceff5;
	color: #797268;
}
.tabledata .row3 {
	background: #ddd;
}
.tabledata a:link, .tabledata a:visited, .tabledata a:active {
	color: #666;
	text-decoration: none;
}
.tabledata a:hover {
	color: #000;
	text-decoration: none;
}