@charset "utf-8";
/* CSS Document */

*
{
	font: 14px 微软雅黑;
	font-style:normal;
	text-align:left;
	margin:0;
	padding:0;
	border:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	background:transparent;
}

*, *:before, *:after
{

}

p,dl,table,td,th,dd,img,form,div,i,fieldset,h4,span
{
	margin:0px;
	padding:0px;
	border:0px;
	background:transparent;
}


/*
table, th, td 
{
	table-layout:fixed;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
*/

html body
{
	margin:0;	
	padding:0;
	border:0;
	width:100%;
	height:100%;
	zoom:1;
	color:#333333;
	background:#fff;
	display:block;
	text-align:center;
}


a,input,button{ outline:none; text-align:left;}
::-moz-focus-inner{border:0px;}
ol, ul,li,em
{
	list-style:none;
	margin:0px;
	padding:0px;
	background:transparent;
	font-style:normal;
}
a
{
	color:#666666;
	text-decoration:none;
}

a:hover
{
	color:#f84984;
	text-decoration:underline;
}

a
{
    blr:expression(this.onFocus=this.blur()); /* IE Opera */
    outline:none; /* FF Opera */
}

a:focus
{ 
   -moz-outline-style: none; /* FF */
}

select
{
	border:1px solid #e6e6e6;
	scrollBar-face-color:#1cc09f; 
	scrollBar-hightLight-color:#1cc09f;
	scrollBar-3dLight-color:#1cc09f;
	scrollBar-darkshadow-color:#1cc09f;
	scrollBar-shadow-color:#1cc09f; 
	scrollBar-arrow-color:#1cc09f;
	scrollBar-track-color:#f1f1f1;
	scrollBar-base-color:#f1f1f1;
	overflow-x:hidden;
	overflow-y:scroll;
}

select:focus
{
	outline: none;
	border : 1px #f84984 solid;
	box-shadow: inset 0 1px 1px rgba(0,0,0, 0.075),0 0 8px rgba(248,73,132, 0.8);
}

select:disabled
{
	background-color:#ebebe4;
}

select option
{
	border:1px solid #f84984;
	outline: none;
}

select option:hover
{
	background-color:#f84984; 
	color:#ff6600;
}


select::-webkit-scrollbar 
{
	width:7px;
	height:7px;
}

select::-webkit-scrollbar-thumb 
{
	background-color:#1cc09f;
	border-radius:3.5px;
}

select::-webkit-scrollbar-track,
select::-webkit-scrollbar-track-piece 
{
	background-color:#f1f1f1;
	border-radius:3.5px;
}

select::-webkit-scrollbar-thumb:hover 
{
	background-color:#50ebcc;
}

.divhorizontalscroll
{
	overflow-x:scroll;
	overflow-y:hidden;
}


input,textarea
{
	margin:0px;
	padding:0px;
	outline:none;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button
{
   -webkit-appearance: none !important;
}

input[type=number]
{
	margin:0px;
	padding:0px;
	border:1px solid #e6e6e6;
	color:#666666;
	-moz-appearance:textfield;
	text-indent: 5px;
}

input[type=number]:focus
{
	border:1px solid #f84984;
	box-shadow: inset 0 1px 1px rgba(0,0,0, 0.075),0 0 8px rgba(248,73,132, 0.8);
}

input[type=number][readonly]
{
	cursor: pointer;
}

input[type=number]:disabled
{
	background-color:#ebebe4;
}

input[type=text]
{
	margin:0px;
	padding:0px;
	border:1px solid #e6e6e6;
	color:#666666;
	text-indent: 5px;
}

input[type=text]:focus
{
	border:1px solid #f84984;
	box-shadow: inset 0 1px 1px rgba(0,0,0, 0.075),0 0 8px rgba(248,73,132, 0.8);
}

input[type=text]:readonly
{
	cursor:pointer;
}

input[type=text][readonly]
{
	cursor: pointer;
}

input[type=text]:disabled
{
	background-color:#ebebe4;
}


input[type=password]
{
	margin:0px;
	padding:0px;
	border:1px solid #e6e6e6;
	color:#666666;
	text-indent: 5px;
}

input[type=password]:focus
{
	border:1px solid #f84984;
	box-shadow: inset 0 1px 1px rgba(0,0,0, 0.075),0 0 8px rgba(248,73,132, 0.8);
}

input[type=password]:disabled
{
	background-color:#ebebe4;
}

.bordercheckbox
{
	border:1px solid #00a0e9;
	color:#666;
	display:none;
}

.bordercheckbox:focus
{
	border:1px solid #f84984;
	box-shadow: inset 0 1px 1px rgba(0,0,0, 0.075),0 0 8px rgba(248,73,132, 0.8);
}

.bordercheckbox+label 
{
	float:left;
	width:20px;
	height:20px;
	line-height:20px;
    cursor: pointer;
    font-size: 15px;
	font-weight:bold;
	border-radius:3px;
	background-color: #ffffff;
    border: 1px solid #dddddd;
}

.bordercheckbox+label i 
{
	float:left;
	width:12px;
	height:12px;
	margin-left:3px;
	margin-top:3px;
    border-radius:3px;
}

.bordercheckbox:checked+label 
{
    border: 1px solid #f84984;
    box-shadow: inset 0 1px 1px rgba(0,0,0, 0.075),0 0 8px rgba(248,73,132, 0.8);
}

.bordercheckbox:checked+label i
{
	background-color: #f84984;
}

.bordercheckbox:disabled+label 
{
    border: 1px solid #ebebe4;
    background-color:#ebebe4;
}

.bordercheckbox:disabled:checked+label 
{
    border: 1px solid #ebebe4;
    background-color:#ffffff;
}

.bordercheckbox:disabled+label i
{
	background-color:#ebebe4;
}

.bordercheckbox:checked:disabled+label i
{
	background-color:#ebebe4;
}

.bordercheckbox+label.switch 
{
	float:left;
	padding-left: 0px;
	padding-right: 0px;
	min-width: 60px;
	height:24px;
	line-height:24px;
    cursor: pointer;
    font-size: 15px;
	font-weight:bold;
	background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius:12px;
}

.bordercheckbox+label.switch i 
{
	float:left;
	width:18px;
	height:18px;
	margin-left:5px;
	margin-top:2px;
    border-radius:9px;
	background-color:#d2d2d2;
	text-align: center;
}

.bordercheckbox+label.switch em
{
	float:left;
	padding-left: 0px;
	padding-right: 10px;
	width: auto;
	height:18px;
	margin-left:1px;
	margin-top:2px;
}

.bordercheckbox+label.switch em.valuetrue
{
	display:none;
}

.bordercheckbox+label.switch em.valuefalse
{
	color:#666666;
}

.bordercheckbox:checked+label.switch 
{
    border: 1px solid #f84984;
    background-color:#f84984;
}

.bordercheckbox:checked+label.switch em
{
	padding-left: 5px;
	padding-right: 0px;
	min-width: 60px;
}

.bordercheckbox:checked+label.switch i
{
	float: right;
	background-color: #ffffff;
	margin-left:5px;
	margin-right: 5px;
}

.bordercheckbox:checked+label.switch em.valuetrue
{
	float: right;
	color:#ffffff;
	display: block;
}

.bordercheckbox:checked+label.switch em.valuefalse
{
	display: none;
}

.bordercheckbox:disabled+label.switch 
{
    border: 1px solid #ebebe4;
}

.bordercheckbox:disabled+label.switch i
{
	background-color:#ebebe4;
}

.borderradio
{
	border:none;
	display:none;
}

.borderradio+label 
{
	float:left;
	width:20px;
	height:20px;
	line-height:20px;
    cursor: pointer;
    font-size:15px;
	font-weight:bold;
	background-color:#ffffff;
    border: 1px solid #dddddd;
    border-radius:10px;
}

.borderradio+label i 
{
	float:left;
	width:10px;
	height:10px;
	margin-left:4px;
	margin-top:4px;
    border-radius:5px;
}

.borderradio:checked+label 
{
    border: 1px solid #f84984;
    box-shadow: inset 0 1px 1px rgba(0,0,0, 0.075),0 0 8px rgba(248,73,132, 0.8);
}

.borderradio:checked+label i
{
	background-color:#f84984;
}

.borderradio:disabled+label 
{
    border: 1px solid #ebebe4;
    cursor: default;
}

.borderradio:checked:disabled+label i
{
	background-color:#ebebe4;
	cursor: default;
}

textarea
{
	border:1px solid #e6e6e6;
}

textarea:focus
{
	border:1px solid #f84984;
	box-shadow: inset 0 1px 1px rgba(0,0,0, 0.075),0 0 8px rgba(248,73,132, 0.8);
}

.pagescroll
{
	scrollBar-face-color:#1cc09f; 
	scrollBar-hightLight-color:#1cc09f;
	scrollBar-3dLight-color:#1cc09f;
	scrollBar-darkshadow-color:#1cc09f;
	scrollBar-shadow-color:#1cc09f; 
	scrollBar-arrow-color:#1cc09f;
	scrollBar-track-color:#f1f1f1;
	scrollBar-base-color:#f1f1f1;
	width:100%;
}

.pagescroll::-webkit-scrollbar 
{
	width:7px;
	height:7px;
}

.pagescroll::-webkit-scrollbar-thumb 
{
	background-color:#1cc09f;
	border-radius:3.5px;
}

.pagescroll::-webkit-scrollbar-track,
.pagescroll::-webkit-scrollbar-track-piece 
{
	background-color:#f1f1f1;
	border-radius:3.5px;
}

.pagescroll::-webkit-scrollbar-thumb:hover 
{
	background-color:#50ebcc;
}

.divhorizontalscroll
{
	overflow-x:scroll;
	overflow-y:hidden;
}

.treeview
{
	float: left;
	width: 100%;
}

.treeview ul
{
	float: left;
	width: calc(100% - 10px);
	margin-left: 10px;
	border-left: #cccccc 1px dashed;
}

.treeview ol
{
	float: left;
	width: calc(100% - 10px);
	background-color: #ffffff;
}

.treeview ol .bline
{
	float: left;
	width: 5px;
	height: 15px;
	border-bottom: #cccccc 1px dashed;
}

.treeview li
{
	float: left;
	width: calc(100% - 5px);
	background-color: #ffffff;
}

.noselected
{
	moz-user-select: -moz-none;
	-moz-user-select: none;
	-o-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.textcut
{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;	
}

@keyframes fadeInRight 
{
    0% {
        opacity: 0;
        -webkit-transform: translateX(40px);
        -ms-transform: translateX(40px);
        transform: translateX(40px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.rightFadeanimated 
{
    animation: fadeInRight 1s ease 1 0s both;
}

@keyframes fadeInLeft
{
    0% {
        opacity: 0;
        -webkit-transform: translateX(-40px);
        -ms-transform: translateX(-40px);
        transform: translateX(-40px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.leftFadeanimated 
{
    animation: fadeInLeft 1s ease 1 0s both;
}


@keyframes fadeDialogShow 
{
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    } 
}

@keyframes fadeDialogHide
{
	0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    } 
    
    100% {
        opacity: 0;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }

}