/************************ button ************************/
.button {
    position: relative;
    box-sizing: border-box;
    width: 80px;
    height: 24px;
    border-radius: 4px;
    font-size: 1.2rem;
    text-align: center;
    /*border: none;*/
    cursor: pointer;
}

.bigbtn {
    position: relative;
    box-sizing: border-box;
    width: 100px;
    height: 28px;
    border-radius: 4px;
    font-size: 1.2rem;
    text-align: center;
    border: none;
    cursor: pointer;
}

.btn_light {
    background: #FFFFFF;
    color: #FF0000;
    border: #C0C0C0 1px solid;
}

.btn_blue {
    background: #1366CB;
    color: white;
}

.btn_red {
    background: #ef4135;
    color: white;
}


/* --------------
   *   menu  *
* ------------ */

.l-menu { border:1px solid #979797; background:#F5F5F5;position:absolute; overflow:hidden; padding-bottom:2px; z-index:1001}
.l-menu-shadow{z-index:1000;   
	FILTER: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2,MakeShadow=false,ShadowOpacity=0.2);
	BACKGROUND: #ddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
position: absolute;}
.l-menu-inner{ position:relative;width:100%;z-index:103;}
.l-menu-over{position:absolute;top:-24px;left:2px; z-index:102; height:22px; overflow:hidden;background:url('root/image/popupmenu/menu-item-over-m.gif') repeat-x;width:97%;}
.l-menu-yline { background:url('root/image/popupmenu/menu-line-y.gif') repeat-y; width:2px; height:2000px; position:absolute; left:28px; top:1px; z-index:101;}
.l-menu-over-l{background:url('root/image/popupmenu/menu-item-over-l.gif') no-repeat; width:28px; height:22px; position:absolute;top:0; left:0;} 
.l-menu-over-r{background:url('root/image/popupmenu/menu-item-over-r.gif') no-repeat; width:3px;height:22px; position:absolute;top:0; right:0;}
.l-menu-item { position:relative; height:23px; line-height:23px; width:100%;  cursor:pointer;}
.l-menu-item:hover {
	background-color: #e6dada;
}
.l-menu-item-line{background:url('root/image/popupmenu/menu-line-x.gif') repeat-x; height:2px; width:100%; margin-top:1px; margin-bottom:1px; margin-left:30px; line-height:2px; overflow:hidden;}
.l-menu-item-arrow{background:url('root/image/popupmenu/menu-item-arrow.gif') no-repeat; position:absolute; top:8px; right:9px; width:4px; height:7px;}
.l-menu-item-text{color:#000000;left: 33px;position: absolute;top: 0;}
.l-menu-item-icon{ left: 3px;top: 0;position: absolute; width:25px; height:22px; overflow:hidden;}
.l-menu-item-color{border: 1px solid #cccccc;left: 6px;top: 3px;position: absolute;width: 16px;height: 16px;overflow: hidden;}
.l-menu-item-disable{ cursor:default;}
.l-menu-item-disable .l-menu-item-text{ color:#A1A1A1;}

/************************ card ************************/
.card_header {
	position: relative;
	border: 1px solid #CCC;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 4px;
	height: 40px;
	background: #FFF;
}

.card_content {
	position: relative; 
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 4px;
	bottom: 0px;
	background: #FFF;
	border: 1px solid #CCC;
}

.card_band {
	position: relative;
	border: 1px solid #CCC;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 4px;
	height: 80%;
	background: #FFF;
}

.card {
	position: absolute;
    overflow:auto;    /******/
	left: 0px;
	right: 0px;
	top: 0px; 
	bottom: 0px;
	background: #FFF;
	border: 1px solid #CCC;	
}

/************************ panel ************************/
.panel {
	position: absolute; 
	left: 0px;
	right: 0px;
	top: 0px; 
	bottom: 0px;
	border: 1px solid #CCC;
}

.panel_row {
	position: relative;
	overflow: hidden;
	font-size: 14px;
}

/************************ list ************************/
.list_title {
	position: relative;
	width: 100%;
	height: 32px;
	overflow: hidden;
	border-bottom: #D8AFAC 1px solid;
	background: #F9EEE1;
	text-align: center;
	font-size: 1.4rem;
}

.list_title_item {
    position: relative;
    box-sizing: border-box;
    float: left;
    margin: 6px 0;
    height: 20px;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #797777;
}

.list_title_border {
    position: relative;
    box-sizing: border-box;
    float: left;
    margin: 6px 0;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.list {
    position: relative;
    width: 100%;
    background: #FFFFFF;
    overflow: auto;
    margin-bottom: 42px;
}

.list_row {
    position: relative;
    height: 28px;
    border-bottom: #E0E0E0 1px solid;
}

.list_cell {
    position: relative;
    box-sizing: border-box;
    float: left;
    height: 28px;
    padding: 2px;
    color: #5F5955;
    font-size: 1rem;
    line-height: 24px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/************************ data list *************************/
.datalist_header {
	height: 36px;
	background-color: #EFEFEF;
	color: #1366CB;
	font-size: 14px;
	font-weight: bold;
	border-bottom: #C7B2B2 1px dotted;
	border-top: #C7B2B2 1px dotted;
}

.datalist_row {
	height: 36px;
	color: #666;	
	font-size: 14px;
	border-bottom: #E0E0E0 1px solid;	
}

.datalist_row_selected {
	background-image: url("../image/selected.png");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 15px 17px;
}

.datalist_row_interval {
	background-color: #F8F8F8;
}

.datalist_row_touch {
	background-color: #ABD7F3;
}

.datalist_cell {
	float: left;
	text-align: center;
	height: 36px;
	line-height: 36px;
	padding-left: 2px;
	overflow: hidden;
}

.datalist_click_outer {
	border: silver 1px solid;
	border-radius: 2px;
	width: 16px;
	height: 16px;
	margin: 9px	0px	0px	0px;
}

.datalist_click_selected {
	border-radius: 2px;
	background: #1366CB;
	width: 10px; 
	height: 10px; 
	margin: 3px 3px 3px 3px; 
	display: none;
}

/************************ indicator ************************/
.indicator {
	overflow: hidden;
}

.indicator_full {
	stroke: #90887E;
	stroke-width: 1;
	fill: none;
}

.indicator_progress {
	stroke: #40d425;
	stroke-width: 20;
	fill: none;
}

.indicator_percent {
	text-anchor: middle;
	font-size: 40px;
	fill: #21B3C1;
}

.indicator_text {
	text-anchor: middle;
	font-size: 26px;
	fill: #21B3C1;
}

/************************ tab ************************/
.div_tab {
	position: relative;
	box-sizing: border-box;
	z-index: 5;
	width: 100%;
	height: 40px;
	border-bottom: #C0D0E0 1px solid;
	background: #F0F8FF;
}

.div_tab_on,.div_tab_off {
	position: relative;
	float: left;
	box-sizing: border-box;
	margin: 0px;
	width: 21%;
	height: 39px;
	font-size: 16px;
	text-align: center;
	line-height: 39px;
	cursor: pointer;
}

.div_tab_on {
	border-bottom: #233E6B 3px solid;
	color: #233E6B;
	background-color: #e7eaef;
	font-weight: bold;
}

.div_tab_off {
	color:#8090A0;
	background: #F0F8FF;
}

/************************ options ************************/
.options {
	position: fixed;
	z-index: 200;
	bottom: 0px;
	left:0;
	right:0;
	height:40px;
	background:#DFEEFF;
	width: 100%;
}

.options_off, .options_on {
	position:relative;
	height:28px;
	border:#0090FF 1px solid;
	border-right:none;
	padding:0 16px;
	font-size:14px;
	text-align:center;
	line-height:28px;
	margin-top: 8px;
}

.options_off {
	background:#FFFFFF;
	color:#0090FF;
}

.options_on {
	background:#0090FF;
	color:#FFFFFF;
}

.options_left {
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}

.options_right {
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	border-right:#0090FF 1px solid;
}

/*********************** loading ************************/
.loading_mask {
	position: fixed;
	z-index: 1200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	transform: translateY(0);
	background: rgba(255, 255, 255, 0.6);
}

.loading_area {
	display: inline-block;
	max-width: 240px;
	margin: 200px 0px 0px 0px;
	border-radius: 15px;
	background-color: rgba(0, 0, 0, 0.6);
	font-size: 14px;
	padding-left: 20px;
	padding-right: 20px;
	padding: 10px 20px 10px 20px;
	color: #FFFFFF;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.loading_image {
	width: 32px;
	height: 32px;
	background-image: url(../image/loading.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-bottom: 10px;	
	
	-moz-background-size: 32px 32px; 
    -o-background-size: 32px 32px;
    -webkit-background-size: 32px 32px;
    background-size: 32px 32px; 
}

.loading_text {
	position: relative;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-size: 14px;
}

/*********************** window ************************/
.win_mask {
	position: fixed;
	z-index: 1000;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	transform: translateY(0);
	background-color: rgba(0, 0, 0, 0.5);
	background: #000\9;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}

.win {
	position: fixed;
	z-index: 500;
	color: blue;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	max-width: 420px;
	display: none;
	text-align: center;
	display: none;
}

.win-content {
	position: fixed;
	z-index: 1001;
	height: 100%;
	width: 100%;
}

.win-iframe {
	width: 100%;
	height: 100%;
	border: 0px;
	border-radius:4px;
}

/************************ dialog *************************/
.dialog_mask {
	position: fixed;
	z-index: 900;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	transform: translateY(0);
	background: rgba(0, 0, 0, 0.5);
}

.dialog {
	background-color: white;	
	width: 80%;
	max-width: 400px;
	min-width: 250px;
	margin-top: 5%;
	text-align: left;
	overflow: auto;
}

.dialog_databox {
	background-color: white;	
	margin-top: 100px;
	text-align: left;
	overflow: auto;
	width: 80%;
	width: max-content;
	width: -webkit-max-content;
	width: -moz-max-content;
	max-width: 80%;
}
.dialog_header {
	height: 28px;
	line-height: 28px;
	background-color: #EFEFEF;
	color: #1366CB;
	font-size: 14px;
	font-weight: bold;
	border-bottom: #C7B2B2 1px dotted;
	border-top: #C7B2B2 1px dotted;
	padding-left: 10px;

}

.dialog_body {
	height: 55px;
}

.databox_body {
	/* height: 95px; */
	min-height: 90px;
	max-height: 200px;
	min-width: 250px;
	overflow: auto;
}

.dialog_content {
	margin: 15px 0px 20px 20px;
	width: 90%;
	height: 40px;
	/*line-height: 40px; */
}

.databox_content {
	margin: 0px 20px 10px 20px;
	
	/* height: 40px;
	width: 90%;
	line-height: 40px; */
}

.dialog_image {
	float: left;
	width: 28px;
	height: 28px;
	background-size: 100%;
	margin: 4px 10px 0px 0px
}

.databox_image {
	/* float: left; */
	width: 28px;
	height: 28px;
	-moz-background-size: 100% 100%;    
    -o-background-size: 100% 100%;    
    -webkit-background-size: 100% 100%;    
    background-size: 100% 100%;    
	margin: 4px 10px 0px 0px;
	background-image: url("../image/dialog/confirm.png");
}

.icon_confirm {
	background-image: url("../image/dialog/confirm.png");
	background-repeat: no-repeat;
	-moz-background-size: 28px 28px;     
    -o-background-size: 28px 28px;    
    -webkit-background-size: 28px 28px;    
    background-size: 28px 28px;     
}

.icon_alert {
	background-image: url("../image/dialog/alert.png");
	background-repeat: no-repeat;
	-moz-background-size: 28px 28px;    
    -o-background-size: 28px 28px;    
    -webkit-background-size: 28px 28px;    
    background-size: 28px 28px;    
}

.dialog_text {
	color: #1366CB;
	font-size: 14px;
}

.databox_text {
	color: #1366CB;
	font-size: 14px;
	/* text-align: center; */
}

.dialog_footer {
	padding: 8px 50px 8px 0px;
	text-align: right;
	border-top: #C7B2B2 1px dotted;
}

.databox_footer {
	min-width: 250px;
	margin-top: 10px;
	padding: 8px 50px 8px 0px;
	text-align: right;
	border-top: #C7B2B2 1px dotted;
}

.gm_body {
	margin-bottom:5px;
	overflow:hidden;
}

.gm_header {
	height: 38px;
	cursor: pointer;
	min-width: 150px;
}

.gm_header_indicator {
	float: left;
	width: 8px;
	height: 100%;
}

.gm_header_img {
	float: left;
	margin: 7px 5px 0 0;
	height: 20px;
	margin-left: 10%;
}

.gm_header_text {
	float:left;
	height:100%;
	line-height: 35px;
}

.gm_menu {
	height:38px;
	padding-left:35px;
	cursor: pointer;
	display:none;
	min-width: 150px;
}

.gm_menu_img {
	float: left;
	margin: 7px 8px 0 8px;
	width: 20px;
}

.gm_menu_text {
	float:left;
	height:100%;
	line-height: 35px;
}

/************************ intergrateBoard *************************/
.intergrateBoard {
	position: absolute;
	left: 10px;
	top: 20px;
	right: 0px;
	bottom: 10px;
	overflow: auto;
}

.intergrateBoard_item {
	position: relative;
	border-radius: 5px;
	border: 2px solid gray;
	width: 90px;
	padding: 3px;
	margin: 0 10px 10px 0;
	float: left
}

.intergrateBoard_text {
	float: left;
	font: 13px 微软雅黑;
	height: 20px;
	overflow: hidden
}

.intergrateBoard_close {
	position: absolute;
	right: 0px;
	top: 4px;
	width: 20px; height:20px; 
}

/************************ targetor ************************/
.targetor_txt {
	color: #969287;
	height: 20px;
	line-height: 20px;
	width: 200px;
	margin: 4px 0px 0px 20px;
	padding: 0px 0px 2px 18px;
	text-align: left;
	border-bottom: 1px solid #E8E6E1;
}

.targetor_indicator {
	position: absolute;
	z-index: 0;
	top: 25px;
	left: 5px;
	bottom: 0px;
	width: 30%;
	margin: 3px 0px 0px 2%;
}

.targetor_msg {
	position: absolute;
	z-index: 0;
	top: 25px;
	left: 33%;	
	width: 62%;
	margin-left: 2%;
	font-size: 1.2rem;
}

.targetor_msg_a {
	margin-top: 15px;
}

.targetor_msg_a_txt {
	/* float: left; */
	margin-left: 5%;
	height: 30px;
	line-height: 15px;
	/* width: 110px; */
	text-align: left;
}

.targetor_msg_bar {
	/* float: right; */
	position: relative;
	margin-left: 5%;
	height: 20px;
	border-radius: 4px;
	width: 95%;
	margin-top: 2px;
}

.targetor_msg_innerbar {
	height: 100%;
	background-color: #FF746B;
	border-radius: 4px;
	width: 100%;
}

.targetor_msg_b {
	margin-top: 20px;
}

.targetor_msg_b_txt {
	/* float: left; */
	margin-left: 5%;
	height: 30px;
	line-height: 15px;
	/* width: 110px; */
	text-align: left;
}

.targetor_btn {
	position: absolute;
	z-index: 0;
	width: 80px;
	height: 22px;
	top: 90px;
	left: 45%;
	border-radius: 4px;
	color: #4C4C4C;
}

/************************ popupEditor ************************/
.popup_editor {
	position: relative;
	height: 100%;
	max-height: 60px;
}

.popup_input {
	position: absolute;
	left: 0px;
	right: 26px;
	top: 0px;
	height: 100%;
}

.popup_button {
	position: absolute;
	width: 24px;
	top: 3px;
	right: 1px;
	bottom: 3px;
	background-color: #d7e0e4; 
	border-radius: 20%;
	cursor: pointer;
	border: 1px solid #f1cdcd;
}

.readonly {
	background-color: #f7f7f7; 
}


/* radioTable */
.radioTable:HOVER{
	cursor: pointer;
	font-weight: bold;
}