@charset "utf-8";

/****表单样式****/
input[type="text"],
input[type="password"] {
	font-family:arial, 'Microsoft Yahei', '微软雅黑';
	font-size: 10pt;
	height: 20px;
	line-height: 20px;
	border: solid 1px #606060;
}
input[type="text"]:focus,
input[type="password"]:focus {
	border: 1px solid #9595E0;
	background-color: #EFEFEF;
}

textarea {
	font-family:arial, 'Microsoft Yahei', '微软雅黑';
	font-size: 10pt;
	border: solid 1px #606060;
}
textarea:focus {
	border: 1px solid #9595E0;
	background-color: #EFEFEF;
}

/** 按钮样式 **/
input[type="button"],
input[type="reset"],
input[type="submit"] {
	font-family:arial, 'Microsoft Yahei', '微软雅黑';
	text-align:center;
	margin-top: 1px;
	height: 22px;
	padding:0 6px;
	line-height: 19px;
	border: 1px solid #505050;
	background-color: #EFEFEF;
}

input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border: 1px solid #A0A0A0;
	background-color: #CCCCCC;
}

input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	color:#FFFFFF;
	border: 1px solid #A0A0A0;
	background-color: #9595E0;
}

input[type="button"]:disabled,
input[type="reset"]:disabled,
input[type="submit"]:disabled {
	border: 1px solid #A0A0A0;
	color:#A0A0A0;
	background-color: #EFEFEF;
}

input[type="checkbox"],
input[type="radio"] {
	border: solid 0px #606060;
}


select {
	font-family:arial, 'Microsoft Yahei', '微软雅黑';
	font-size: 10pt;
	height: 22px;
	line-height: 22px;
	border: solid 1px #606060;
}



/** ここから、サブ要素 **/
select.search_normal {
	width: 160px;
}

option.gray_word {
	color:gray;
}

/** 各种按钮 **/

.button_width_normal {
	width: 75px;
}

a.flatbutton, span.flatbutton {
	font-family:arial, 'Microsoft Yahei', '微软雅黑';
	font-size:10pt;
	text-decoration:none;
	text-align:center;
	/* line-height: 22px; */
	/* display: table-cell; */
	display:inline-block;
	width:auto;
	/* height: 22px; */
	padding: 3px 6px;
	/* margin:3px; */
	white-space:nowrap;
	color:#000000;
	background-color: #EFEFEF;
	border: 1px solid #505050;
	/* margin-left:-1px; */
}

a.flatbutton_disabled {
	font-family:arial, 'Microsoft Yahei', '微软雅黑';
	font-size:10pt;
	text-decoration:none;
	text-align:center;
	/* line-height: 22px; */
	/* display: table-cell; */
	display:inline-block;
	width:auto;
	/* height: 22px; */
	padding: 3px 6px;
	/* margin:3px; */
	white-space:nowrap;
	color:#FFFFFF;
	background-color: #CCCCCC;
	border: 1px solid #A0A0A0;
	/* margin-left:-1px; */
}

a:focus.flatbutton {
	outline:0;
}

a:hover.flatbutton {
	color:#FFFFFF;
	border: 1px solid #A0A0A0;
	background-color: #CCCCCC;
}

a:active.flatbutton {
	color:#FFFFFF;
	border: 1px solid #A0A0A0;
	background-color: #9595E0;
}


/* ボタン形式のテキスト、アクティブ状態 */
span.flatbutton_active {
	font-family:arial, 'Microsoft Yahei', '微软雅黑';
	font-size:10pt;
	text-decoration:none;
	text-align:center;
	line-height: 22px;
	/* display: table-cell; */
	/* display:inline-table; */
	width:auto;
	height: 22px;
	padding: 3px 6px;
	/* margin:3px; */
	white-space:nowrap;
	color:#FFFFFF;
	border: 1px solid #A0A0A0;
	background-color: #9595E0;
}

/* ボタン形式のテキスト、アクティブ状態 */
span.flatbutton_disabled {
	font-size:10pt;
	text-decoration:none;
	text-align:center;
	/* line-height: 22px; */
	/* display: table-cell; */
	display:inline-block;
	width:auto;
	/* height: 22px; */
	padding: 3px 6px;
	/* margin:3px; */
	color:#A0A0A0;
	white-space:nowrap;
	background-color: #EFEFEF;
	border: 1px solid #A0A0A0;
}

a.flatbutton_clicked,span.flatbutton_clicked{
	font-family:arial, 'Microsoft Yahei', '微软雅黑';
	font-size:10pt;
	text-decoration:none;
	text-align:center;
	/* line-height: 22px; */
	/* display: table-cell; */
	display:inline-block;
	width:auto;
	/* height: 22px; */
	padding: 3px 6px;
	/* margin:3px; */
	color:red;
	white-space:nowrap;
	background-color: #EFEFEF;
	border: 1px solid red;
}

/* アイコン付きボタン */
img.in_button_icon {
	border-width: 0;
	line-height: 22px;
	margin: 4px 4px -4px 0;
}

a.flatwidth,span.flatwidth{
	width:65px;
}

/* ヘルプのポップアップ */
.help_container {
	border: 1px solid #C0C0C0;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 3px 3px #333333;
	margin-top: 20px;
	padding: 10px;
	position: absolute;
	z-index: 100;
	background-color: #FFFFFF;
}

/*CSS black2 style pagination*/

div.black2 {
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 7px;
	margin: 3px;
	padding-top: 7px;
	float:left;
}
div.black2 a {
	border-right:
	#656565 1px solid;
	padding-right: 5px;
	border-top: #656565 1px solid;
	padding-left: 5px;
	padding-bottom: 2px;
	margin: 2px;
	border-left: #656565 1px solid;
	color: #656565;
	padding-top: 2px;
	border-bottom: #656565 1px solid;
	text-decoration: none;
}
div.black2 a:hover {
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	color: #fff;
	border-bottom: #000000 1px solid;
	background-color: #000;
}
div.black2 a:active {
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	color: #fff;
	border-bottom: #000000 1px solid;
	background-color: #000;
}
div.black2 span.current {
	border-right: #000000 1px solid;
	padding-right: 5px;
	border-top: #000000 1px solid;
	padding-left: 5px;
	font-weight: bold;
	padding-bottom: 2px;
	margin: 2px;
	border-left: #000000 1px solid;
	color: #fff;
	padding-top: 2px;
	border-bottom: #000000 1px solid;
	background-color: #000000;
}
div.black2 span.disabled {
	border-right: #eee 1px solid;
	padding-right: 5px;
	border-top: #eee 1px solid;
	padding-left: 5px;
	padding-bottom: 2px;
	margin: 2px;
	border-left: #eee 1px solid;
	color: #ddd;
	padding-top: 2px;
	border-bottom: #eee 1px solid;
}

/*CSS black style pagination*/

div.black {
	padding-right: 7px; padding-left: 7px; padding-bottom: 7px; margin: 3px; padding-top: 7px; ; float:left;
}

div.black a {
	display:block;height:16px;width:16px;float:left
}

div.black span.left1 a {
	background-image: url(/images/icon_prev.png);
}
div.black span.left2 a {
	background-image: url(/images/icon_prev_more.png);
}
div.black span.left3 a {
	background-image: url(/images/icon_prev_all.png);
}

div.black span.right1 a {
	background-image: url(/images/icon_next.png);
}
div.black span.right2 a {
	background-image: url(/images/icon_next_more.png);
}
div.black span.right3 a {
	background-image: url(/images/icon_next_all.png);
}

div.black span.left1 a:hover {
	background-image: url(/images/icon_prev_active.png);
}
div.black span.left2 a:hover {
	background-image: url(/images/icon_prev_more_active.png);
}
div.black span.left3 a:hover {
	background-image: url(/images/icon_prev_all_active.png);
}

div.black span.right1 a:hover {
	background-image: url(/images/icon_next_active.png);
}
div.black span.right2 a:hover {
	background-image: url(/images/icon_next_more_active.png);
}
div.black span.right3 a:hover {
	background-image: url(/images/icon_next_all_active.png);
}

.log_div{
	float:left;
	line-height: 1.5em;
	padding_right:30px;
}

/**标签**/
.tag{
	float:left;
	margin-right:5px;
	width:8%;
	height:20px;
	line-height: 20px;
	text-align:center;
	border: #eee 1px solid;
}

.tag:hover{
	cursor:hand;
	cursor: pointer; 
	border: #FFEC8B 1px solid;
}

.tag_selected{
	float:left;
	margin-right:5px;
	width:8%;
	height:20px;
	line-height: 20px;
	text-align:center;
	color:#fff;
	background:#FFEC8B;
	border: #FFEC8B 1px solid;
}

.tag_selected:hover{
	cursor:hand;
	cursor: pointer; 
	border: #FFEC8B 1px solid;
}

/**编辑区图片样式 未选中**/
.image_thumbnail{
	float:left;
	margin-top:5px;
	margin-right:5px;
	height:75px;
}

.image_thumbnail_selected{
	float:left;
	margin-top:5px;
	margin-right:5px;
	height:75px;
	border: #FFEC8B 1px solid;
}

/**页面上部共同式样**/
.page_title {
	font-size:17px;
	font-weight:bold;
}

.page_buttons {
	width:100%;
	display: -webkit-flex;
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
	align-items:center;
}

/**列表式样**/
#result_list table{
	position: relative;
	border: solid 1px #606060;
	border-collapse: collapse;
	width: 100%;
	font-size: 15px;
}

#result_list td{
	height: 16px;
	font-family:arial, 'Microsoft Yahei', '微软雅黑';
	border: solid 1px #606060;
}
#result_list td.number{
	text-align:right;
}
#result_right table{
	position: relative;
	border: solid 1px #606060;
	border-collapse: collapse;
}

/** 表头式样 **/
th.contents_title {
	height: 18px;
	background-color: #EFEFEF;
	border: solid 1px #606060;
	border-collapse: collapse;
	text-align:center;
}

/*******2020/1/3添加新式样开始*******/
.result_list{
	width: 99%;
  overflow-x: hidden;
  margin-top: 20px;
}
.result_list .cell{
  text-align: center;
 }
.list_title{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 10px;
}
.edit_title{
	font-weight: bold;
}
.edit_content{
	width: 100%;
	padding-left: 50px;
}
.el-input__inner{
  height: 30px!important;
  line-height: 30px;
  text-align: center;
}
.input_100,.input_200,.input_300{
	height: 30px;
	margin-bottom:15px;
}
.input_100{
	width: 100px !important;
}
.input_200{
  width: 200px !important;
}
.input_300{
  width: 300px !important;
}
.edit_btn{
	padding: 5px 10px;
}
.begin_blank{
	margin-left:10px;
	font-size: 10pt;
}
/*******2020/1/3添加新式样结束*******/
