﻿/*기존*/
ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* login */
.login_body {
	height: 100%;
	/*background: linear-gradient(to bottom, #40acda, #43c4ca)*/
}

.login_wrap {
	width: 100%;
	height: 100%;
	background: url('/source/images/common/bg_login2.jpg') no-repeat center bottom fixed #D1E3EF;
	background-size: 100%;
}

	.login_wrap .box {
		margin: 0 auto;
		padding: 70px 0 0;
		width: 340px;
	}

		.login_wrap .box h1 {
			margin-bottom: 38px;
			text-align: center;
		}

		.login_wrap .box .form .input_box {
			margin-bottom: 8px;
			padding-left: 46px;
			width: 340px;
			height: 44px;
			color: #444;
			font-size: 15px;
			border: 1px solid #3ca8c3;
			border-radius: 5px;
			background: #fff;
		}

		.login_wrap .box .form .input_box input {
			width: 100%;
			height: 42px;
			line-height: 42px;
			border: 0;
			border-radius: 5px;
		}

		.login_wrap .box .form .input_box.id {
			background: #fff url('/source/images/ico_login_id.gif') no-repeat 15px center;
		}

		.login_wrap .box .form .input_box.password {
			background: #fff url('/source/images/ico_login_password.gif') no-repeat 15px center;
		}

		.login_wrap .box .form .btn_login {
			display: block;
			margin-top: 30px;
			width: 338px;
			height: 40px;
			line-height: 40px;
			color: #fff;
			font-size: 18px;
			text-align: center;
			background: #2f5781;
			border: 1px solid #174149;
			border-radius: 5px;
		}
/* etc */
.date_time {
	height: 50px;
	width: 220px;
}

	.date_time .box {
		width: calc(100%);
		height: 30px;
		background: #7ab0df;
	}

	.date_time .inner_box {
		border: 1px solid #7ab0df;
		text-align: center;
	}

		.date_time .inner_box span {
			display: inline-block;
			padding: 0 4px;
			height: 24px;
			line-height: 24px;
			color: #fff;
		}

			.date_time .inner_box span em {
				font-style: normal;
			}

		.date_time .inner_box .date {
			padding: 0 15px 0 4px;
		}

		.date_time .inner_box .time {
			padding: 0 2px 0 6px;
		}

		.date_time .inner_box .date em {
			display: inline-block;
		}

		.date_time .inner_box .time em {
			display: inline-block;
			padding-left: 20px;
			background: url('/source/images/common/ico_time.png') no-repeat left;
		}

		.date_time .inner_box .time {
		}


/* header right - 20180118*/
.head_right {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1000;
	width: calc(100% - 220px);
	height:40px;
	background:#d0e4ef;
	zoom: 1;
}
	.head_right:after {
		display: block;
		content: "";
		clear: both;
	}

	.head_right .left_box {
		float: left;
		padding: 28px 0 0 20px;
	}

		.head_right .left_box select {
			position: relative;
			top: -6px;
			min-width: 150px;
			width: auto;
			height: 28px;
			vertical-align: middle;
		}

	.head_right .center_box {
		float: left;
		margin-left: 10px;
		padding: 10px 0 0;
		zoom: 1;
	}

		.head_right .center_box:after {
			display: block;
			content: "";
			clear: both;
		}

		.head_right .center_box .stat {
			float: left;
			width: 50px;
			height: 50px;
			background: #000;
		}

		.head_right .center_box .detail {
			float: left;
			margin-left: 2px;
			width: 590px;
		}

			.head_right .center_box .detail table {
				width: 100%;
				table-layout: fixed;
			}

				.head_right .center_box .detail table th,
				.head_right .center_box .detail table td {
					font-size: 13px;
					font-weight: normal;
					text-align: center;
					vertical-align: middle;
				}

				.head_right .center_box .detail table th {
					height: 20px;
					color: #fff;
					background: #5d7081;
				}

				.head_right .center_box .detail table tr th:nth-child(odd) {
					background: #3b4c5b;
				}

				.head_right .center_box .detail table td {
					height: 30px;
					background: #d8e3ef;
					border-top: 2px solid #fff;
				}

				.head_right .center_box .detail table tr td:nth-child(odd) {
					background: #b9c3cf;
				}

	.head_right .right_box {
		float: right;
		padding: 10px 10px 0 0;
	}

		.head_right .right_box .btns {
			margin-bottom: 4px;
			padding-top:10px;
			text-align: right;
		}

			.head_right .right_box .btns .btn {
				display: inline-block;
				margin: 0 1px;
				padding: 0 12px;
				height: 25px;
				line-height: 23px;
				color: #fff;
				font-size: 14px;
				font-weight: normal;
				text-align: center;
				background: #7ab0df;
				border-radius: 5px;
			}
			.head_right .right_box .btns .btn.logout {
				border:0;
				background:#044079;
			}


		.head_right .right_box .user_info {
			text-align: right;
		}

			.head_right .right_box .user_info span {
				display: inline-block;
				position:relative;
				top:1px;
				margin-right:5px;
				color: #4a4a4a;
				font-size: 12px;
			}
	.head_right .title {
		display:inline-block;
		position:absolute;
		left:9px;
		top:8px;
		padding-left:30px;
		color:#323232;
		font-size:18px;
		font-weight:600;
		background:url('/source/images/common/ico_title_bullet.png') no-repeat left;
	}


.ax-body.frame-set #ax-frame-root .ax-frame-header-tab {background:#d0e4ef; border-bottom:0;}
.ax-body.frame-set #ax-frame-root .ax-frame-header-tab #ax-frame-header-tab-container:before {border-top:0;}
.ax-body.frame-set #ax-frame-root .ax-frame-header-tab #ax-frame-header-tab-container .tab-item-menu {border-right:1px solid #7ab0df;}
.ax-body.frame-set #ax-frame-root .ax-frame-header-tab #ax-frame-header-tab-container .tab-item.on {background:#7ab0df; border-bottom:1px solid #7ab0df;}
.ax-body.frame-set #ax-frame-root .ax-frame-header-tab #ax-frame-header-tab-container .tab-item {border-right:1px solid #7ab0df;}
.ax-body.frame-set #ax-frame-root .ax-frame-header-tab #ax-frame-header-tab-container:before {background:#7ab0df;}
.ax-body.frame-set #ax-frame-root .ax-frame-aside {background:#094987 url('/source/images/common/bg_side.png') no-repeat center bottom;}