/* --------reset-------- */
*{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	
	outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
	/* word-break: break-all; */
}
html{
	zoom: expression(function(ele){ 
		ele.style.zoom="1";
		document.execCommand("BackgroundImageCache", false, true);
	}(this));
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,button,p,blockquote,th,td,a{
	margin: 0; 
	padding: 0;
}
table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
input,select,textarea,button{
	font-size: 100%;
	font-family: "Open Sans","Microsoft YaHei","STXihei","Monaco","Arial","sans-serif";
}
textarea{
	resize: none;
}
fieldset,img,abbr,acronym{
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style: normal;
	font-weight: 400;
}
ol,ul{
	list-style: none;
}
h1,h2,h3,h4,h5,h6,legend{
	font-size: 100%;
	font-weight: 400;
}
:focus{
	outline: 0;
}
ins{
	text-decoration: none;
}
del{
	text-decoration: line-through;
}
blockquote,q{
	quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after{
	content: '';
	content: none;
}
/* --------base-------- */
body{ font-family:"Open Sans","PingHei","Microsoft YaHei","STXihei","Monaco","Arial","sans-serif";}
.clearfix:after{ content: "\20"; display: block; height: 0; clear: both;}
.clearfix{ zoom:1;}
a{ cursor: pointer; text-decoration: none; star: expression(onfocus=this.blur);}
a:hover{ text-decoration: none;}
a:focus{ outline: 0; text-decoration: none;}
a,button{ outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0);}
button{ border: 0; background: none; cursor: pointer;}

/* -------- public -------- */
.umar-20{ margin: 20px;}
.umar-l-20{ margin-left: 20px;}
.umar-r-20{ margin-right: 20px;}
.umar-t-20{ margin-top: 20px;}
.umar-b-20{ margin-bottom: 20px;}
.umar-10{ margin: 10px;}
.umar-l-10{ margin-left: 10px;}
.umar-r-10{ margin-right: 10px;}
.umar-t-10{ margin-top: 10px;}
.umar-b-10{ margin-bottom: 10px;}
.upad-20{ padding: 20px;}

.f-12{ font-size: 12px;}
.f-14{ font-size: 14px;}
.f-16{ font-size: 16px;}
.f-18{ font-size: 18px;}
.f-20{ font-size: 20px;}

.center{ text-align: center;}
.tx-left{ text-align: left!important;}

.bg-primary{ background: #6098EF!important;}
.bg-cancel{ background: #aaa!important;}
.flex{ flex: 1;}
.c-grey{ color: #cccccc;}
.c-green{ color: #5ADDA2;}
.c-white{ color: #ffffff;}
.c-red{ color: #A71714;}
.c-red2{ color: red;}
.c-blue{ color: #4D87D6;}
.bg-green{ background-color: #3c7dcd;}

.f-bold{font-weight: bold;}

.c1{ background: #F07171; box-shadow: 10px 10px 5px #D88787;}
.c2{ background: #F3C74F;box-shadow: 10px 10px 5px #D9B968;}
.c3{ background: #7FDC66;box-shadow: 10px 10px 5px #8BC57B;}
.c1:hover{ background: #D88787;}
.c2:hover{ background: #D9B968;}
.c3:hover{ background: #8BC57B;}


input:-internal-autofill-selected{ background-color: transparent;}

/* 复选框样式 */
.checkbox label, .radio label{
	padding-left: 0; 
	padding-right: 20px;
}
label{
	font-weight: normal;
	font-size: 14px;
	margin: 0;
}
label input[type=checkbox].ace,
label input[type=radio].ace{
	z-index: -100!important;
	width: 1px!important;
	height: 1px!important;
	clip: rect(1px,1px,1px,1px);
	position: absolute;
}
input[type=checkbox].ace,
input[type=radio].ace{
	opacity: 0;
	position: absolute;
	z-index: 1;
	width: 18px;
	height: 18px;
	cursor: pointer;
}
input[type=checkbox].ace + .lbl,
input[type=radio].ace + .lbl{
	position:relative;
	display: inline-block;
	margin: 0;
	line-height: 20px;
	min-height: 18px;
	min-width: 18px;
	font-weight: normal;
	cursor: pointer;
}
input[type="checkbox"].ace + .lbl::before,
input[type="radio"].ace + .lbl::before{	
	cursor: pointer;
	font-family: fontAwesome;
	font-weight: normal;
	font-size: 12px;
	color: #32a3ce;
	content: "\a0";
	background-color: #fafafa;
	border: solid 1px #c8c8c8;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	border-radius: 0;
	display: inline-block;
	text-align: center;
	height: 16px;
	line-height: 14px;
	min-width: 16px;
	margin-right: 6px;
	position: relative;
	top: -1px;
}
input[type=radio].ace + .lbl::before { 
	border-radius: 100%; 
	font-size: 10px; 
	font-family: FontAwesome; 
	text-shadow: 0 0 1px #32a3ce; 
	line-height: 16px; 
	height: 18px; 
	min-width: 18px;
}
input[type=checkbox].ace:checked + .lbl::before{
	display: inline-block;
	content: '\f00c';
	background-color: #f5f8fc;
	border-color: #adb8c0;
}
input[type=radio].ace:checked + .lbl::before {
	content: "\f111";
}

/*switch按钮*/
input[type=checkbox].ace.ace-switch + .lbl {
    margin: 0 4px;
    min-height: 24px;
	word-break: normal;
}
input[type=checkbox].ace.ace-switch + .lbl::before {
    font-family: 'Open Sans';
    content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
    color: #999;
    text-shadow: 0 0 0 #999;
    font-weight: normal;
    font-size: 11px;
    line-height: 17px;
    height: 20px;
    overflow: hidden;
    border-radius: 12px;
    background-color: #F5F5F5;
    -webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
    border: 1px solid #CCC;
    text-align: left;
    float: left;
    padding: 0;
    width: 52px;
    text-indent: -21px;
    margin-right: 0;
    -webkit-transition: text-indent .3s ease;
    -o-transition: text-indent .3s ease;
    transition: text-indent .3s ease;
    top: auto;
}
input[type=checkbox].ace.ace-switch + .lbl::after {
    font-family: 'Open Sans';
    content: 'III';
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0;
    color: #AAA;
    text-shadow: none;
    background-color: #FFF;
    border-radius: 100%;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    position: absolute;
    top: -2px;
    left: -3px;
    -webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,.3);
    box-shadow: 0px 1px 1px 1px rgba(0,0,0,.3);
    -webkit-transition: left .3s ease;
    -o-transition: left .3s ease;
    transition: left .3s ease;
}
input[type=checkbox].ace.ace-switch:checked + .lbl::after {
    left: 34px;
    background-color: #FFF;
    color: #98A0A5;
}
input[type=checkbox].ace.ace-switch:checked + .lbl::before {
    text-indent: 8px;
    color: #FFF;
    text-shadow: 0 0 0 #FFF;
    background-color: #8ab2c9;
    border-color: #6a8ca8;
}
input[type=checkbox].ace.ace-switch.ace-switch-4, 
input[type=checkbox].ace.ace-switch.ace-switch-5 {
    width: 60px;
}
input[type=checkbox].ace.ace-switch.ace-switch-4 + .lbl::before, 
input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl::before {
    content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
    font-size: 12px;
    line-height: 21px;
    height: 24px;
    overflow: hidden;
    border-radius: 12px;
    background-color: #8b9aa3;
    border: 1px solid #8b9aa3;
    color: #FFF;
    width: 56px;
    text-indent: -25px;
    text-shadow: 0 0 0 #FFF;
    display: inline-block;
    position: relative;
    box-shadow: none;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
input[type=checkbox].ace.ace-switch.ace-switch-4 + .lbl::before, 
input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl::before {
    text-indent: -28px;
}
input[type=checkbox].ace.ace-switch.ace-switch-4 + .lbl::after, 
input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl::after {
    content: 'lll';
    font-size: 12px;
    position: absolute;
    top: 2px;
    left: 2px;
    letter-spacing: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-shadow: none !important;
    color: #939393;
    background-color: #FFF;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
input[type=checkbox].ace.ace-switch.ace-switch-4:checked + .lbl::before, 
input[type=checkbox].ace.ace-switch.ace-switch-5:checked + .lbl::before {
    text-indent: 9px;
    background-color: #468fcc;
    border-color: #468FCC;
}
input[type=checkbox].ace.ace-switch.ace-switch-4:checked + .lbl::before,
input[type=checkbox].ace.ace-switch.ace-switch-5:checked + .lbl::before {
    text-indent: 7px;
}
input[type=checkbox].ace.ace-switch.ace-switch-4:checked + .lbl::after, 
input[type=checkbox].ace.ace-switch.ace-switch-5:checked + .lbl::after {
    left: 34px;
    background-color: #FFF;
    color: #848484;
}

/* textarea滚动条样式 */
textarea,
iframe,
.scrollBox{
	scrollbar-arrow-color: #4A97F8; /**//*三角箭头的颜色*/ 
	scrollbar-face-color: #4A97F8; /**//*立体滚动条的颜色*/ 
	scrollbar-3dlight-color: #4A97F8; /**//*立体滚动条亮边的颜色*/ 
	scrollbar-highlight-color: #4A97F8; /**//*滚动条空白部分的颜色*/ 
	scrollbar-shadow-color: #4A97F8; /**//*立体滚动条阴影的颜色*/ 
	scrollbar-darkshadow-color: #4A97F8; /**//*立体滚动条强阴影的颜色*/ 
	scrollbar-track-color: rgba(0,0,0,0.2); /**//*立体滚动条背景颜色*/ 
	scrollbar-base-color: #4A97F8; /**//*滚动条的基本颜色*/ 
}
/* 谷歌 */
textarea::-webkit-scrollbar,
iframe::-webkit-scrollbar,
.scrollBox::-webkit-scrollbar{/*滚动条整体样式*/
	width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/
	height: 3px;
}
textarea::-webkit-scrollbar-thumb,
iframe::-webkit-scrollbar,
.scrollBox::-webkit-scrollbar-thumb{/*滚动条里面小方块*/
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 5px #4A97F8;
	background: #4A97F8;
}
textarea::-webkit-scrollbar-track,
iframe::-webkit-scrollbar,
.scrollBox::-webkit-scrollbar-track{/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 0;
	background: rgba(0,0,0,0.2);
}