@charset "utf-8";
@import url('_style.css');
@import url('_frame.css');
@import url('_form.css');
@import url('_right.css');
@import url('_table.css');
@import url("_plugin.css");
/*@import url('_alert.css');*/
@import url("_sp.css");

/* CSS Document */

main {
	min-height:calc( 100% - 200px );
}
a {
	color:#00a;
}
pre {
	font-size:14px;
	line-height:180%;
}
div_msg {
	display:block;
	text-align:center;
	margin-top:50px;
}
.btn_color {
	color:#aaa;
}
.js_a {
	color:#00a;
}
.op_all {
	cursor:pointer;
}
#top, #top a {
	color:#222;
	font-size:14px;
}
#logo {
	margin-top:10px;
}
header a {
	color:#222;
}
.overview {
	line-height:250%;
	font-size:14px;
}
.list_cat_btn {
	position:absolute;
	display:none;
	background-color:#FDC690;
	background-color:#f5f5f5;
	border-radius:3px;
	padding:10px 15px;
	font-size:14px;
}
#box_search_con input.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
	margin-top:3px;
	font-size:14px;
}
#box_search_con input.btn-primary:hover {
	background-color: rgba(51,122,183,0.9);
}
#mcon {
	min-height:678px;
}
/* nav begin */
nav .main {
	background-color:#FFFFFF;
	padding-bottom:15px;
}
nav a {
    height: 38px;
    line-height: 38px;
    display: inline-block;
    color: #fff;
    padding: 0 1.1em;
}
#nav_user {
	background-color:#505050;
	background-color:#337ab7;
	background-color:#3f83ca;
	background-color:#57a2dc;
	background-color:#3295d9;
	background-color:#eef3f7;
	margin:0;
	width:100%;
	float:left;
	font-size:14px;
	border-bottom:2px solid #3295d9;
}
#nav_user li {
	float:left;
	list-style:none;
	/*background-color:#e1e1e1;
	margin-right:10px;
	padding:8px 15px 6px 15px;*/
}
#nav_user li.on {
	background-color:#3295d9;
}
#nav_user li a {
	color:#222;
}
#nav_user li a:hover {
	text-decoration:none;
	background-color:rgba(50,150,217,0.1);
}
#nav_user li.on a {
	color:#fff;
}
/* nav end */


/* left begin */
#left {
	float:left;
	width:120px;
	border-right:1px solid #f1f1f1;
	padding-bottom:10px;
}
#left a {
	text-decoration:none;
	color:#07F;
}
#left dl {
	font-size:14px;
}
#left dl dt {
	font-weight:bold;
	text-indent:10px;
	height:38px;
	line-height:38px;
}
#left dl dd {
	text-indent:20px;
	padding-top:8px;
	padding-bottom:7px;
}
#left dl dd.on {
	background-color:#e2e8f2;
	background-color:#eaf1ff;
	border-radius:5px 0 0 5px;
}
#left dl dd.on a {
	color:#166dc8;
	font-weight:bold;
}
/* left end */


/* con area begin */
#con, #con_area {
	float:right;
	width:100%;
	width: calc(100% - 135px);
	display:inline;
	font-size:14px;
}
#crumb_user {
	background-color: #f9f9f9;
	height:36px;
	line-height:36px;
	border-bottom: 2px solid #e9e9e9;
	margin-bottom:5px
}
#crumb_user b {
	float:left;
	margin-left:12px;
	height:36px;
	padding:0 10px;
	border-bottom: 2px solid #37f;
	color:#37f;
}
#crumb_user aside {
	float:right;
	margin-right:10px;
}
#nav_con {
	height:38px;
	line-height:38px;
	margin-bottom:5px;
}
#nav_con a {
	display:inline-block;
	margin:0 6px;
}
#nav_con a.on {
	color:#b00;
}
#nav_con form {
	float:right;
	margin-top:-3px;
}
#nav_con form input {
	line-height:20px;
}
#nav_con form input[type="text"] {
	width:200px;
	border-radius:4px 0 0 4px;
}
#nav_con form input[type="submit"] {
	border-radius:0 4px 4px 0;
	padding-top:5px;
	padding-bottom:5px;
}
/* con area end */



.td_span {
	color:#aaa;
	font-size:12px;
}
.msg_tips {
	display:block;
	height:23px;
	font-size:14px;
}

.tag_box li {
	float:left;
	margin-right:15px;
}

#foot {
	margin-top:0;
}


#btn_left {
	display:none;
}
@media screen and (max-width: 768px) {
	nav {
	}
	main{
		min-height:calc(100% - 202px);
	}
	#btn_left {
		margin-top: -13px;
		margin-left: 2px;
		font-size: 19px;
		position:absolute;
		z-index:1;
		display:inline-block;
	}
	#left, #con {
		padding:0 5px;
		display:table-cell;
	}
	#left{
		display:none;
		width:120px;
	}
	#con, #con_area {
		width:100%;
	}
	main .main {
		display:table;
		width:100%;
	}
}