@charset "UTF-8";

html{overflow-y:hidden;}
a:active,a:hover{outline:0}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
input,select,button{outline:none;}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
img{vertical-align:middle;border:0}
@-ms-viewport{width:device-width}
html{font-size:50px;-webkit-tap-highlight-color:transparent;height:100%;min-width:320px;overflow-x:hidden}
body{
	margin: 0;
	height: 100%;
	font-family: "Century Gothic", "Varela Round", "sans-serif", "微軟正黑體";
	font-size: .28em;
	line-height: 1;
	color: #333;
	margin: 0;
	padding: 0;
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-color: #000;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
a{color:#06c1ae;text-decoration:none;outline:0}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
a.react,label.react{display:block;color:inherit;height:100%}
a.react.react-active,a.react:active,label.react:active{background:rgba(0,0,0,.1)}
ul{margin:0;padding:0;list-style-type:none}
hr{margin-top:.28rem;margin-bottom:.28rem;border:0;border-top:1px solid #DDD8CE}
h6,p{line-height:1.41;text-align:justify;margin:-.2em 0;word-break:break-all}
small,weak{color:#666}
::-webkit-input-placeholder {color:#999;line-height:inherit;} 
:-moz-placeholder {color:#999;line-height:inherit;} 
::-moz-placeholder {color:#999;line-height:inherit;}
canvas{z-index:-1;position:absolute;}

/*other public*/
.iconfont{font-family:'adminthemesregular';}
.add_icon:before{content:"a";margin:0 5px;font-family:'adminthemesregular';}
.money_icon:before{content:"$";margin:0 5px;font-family:'adminthemesregular';font-size:20px;}
.rmb_icon{color:#19a97b;}
.rmb_icon:before{content:"￥";margin-right:2px;}
.ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.center{text-align:center;}
.fl{float:left;}
.fr{float:right;}
.mtb{margin:5px 0;overflow:hidden;}
.mlr{margin:0 5px;overflow:hidden;}
#logo{
	width:35%;
	height: auto;
	overflow: hidden;
	border-radius: 5px;
	margin-top: 5%;
	margin-right: auto;
	margin-bottom: 0%;
	margin-left: auto;
}
#logo img {
	width: 100%;
}


.admin_login{width:300px;height:auto;overflow:hidden;margin:2% auto 0 auto;padding:40px;box-shadow: 0 -8px 30px rgba(19, 19, 19, 0.26);border-radius:5px;}
.admin_login dt{
	font-size: 20pt;
	text-align: center;
	color: #000000;
	text-shadow: 0 0 1px #ffffff;
	margin-bottom: 15px;
}
.admin_login dt strong{display:block;}
.admin_login dt em{display:block;font-size:12px;margin-top:8px;}
.admin_login dd{margin:5px 0;overflow:hidden;position:relative;}
.admin_login dd .login_txtbx{font-size:14px;height:26px;line-height:26px;padding:8px 5%;width:90%;text-indent:2em;border:none;  background: rgba(0, 0, 0, 0.50);
color:white;}
.admin_login dd .login_txtbx::-webkit-input-placeholder {color:#f4f4f4;line-height:inherit;} 
.admin_login dd .login_txtbx:-moz-placeholder {color:#f4f4f4;line-height:inherit;} 
.admin_login dd .login_txtbx::-moz-placeholder {color:#f4f4f4;line-height:inherit;}
.admin_login dd .login_txtbx:focus{background: rgba(0, 0, 0, 0.80);}
.admin_login dd:before{
	position: absolute;
	top: 0;
	left: 10px;
	height: 42px;
	line-height: 42px;
	color: #FFFFFF;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.admin_login dd.user_icon:before{
	content:"\f2c0";
}
	

.admin_login dd.pwd_icon:before{content:"\f084";}
.admin_login dd.val_icon:before{content:"\f013";}
.admin_login dd .ver_btn{
	text-align: right;
	border: none;
	color: #f4f4f4;
	height: 42px;
	line-height: 42px;
	margin: 0;
	z-index: 1;
	position: relative;
	float: right;
	background: rgba(0, 0, 0, 0.50);
	width: 30%;
}
.admin_login dd .checkcode{float:left;width:100%;height:42px;}
.admin_login dd .checkcode input{width:72%;height:36px;line-height:36px;padding:3px;color:white;outline:none;border:none;text-indent:2.8em;}
.admin_login dd .checkcode canvas{width:25%;height:36px;padding:3px;z-index:0;  background: rgba(0, 0, 0, 0.50);}
.admin_login dd .submit_btn{width:100%;height:42px;border:none;font-size:16px;background:#00BCD4;;color:#f8f8f8;}
.admin_login dd .submit_btn:hover{background:#0c9076;color:#f4f4f4;}
.admin_login dd p{
	color: #000000;
	font-size: 12px;
	text-align: center;
	margin: 5px 0;
}

@media only screen and (max-width: 780px) {
	#logo{
	width:90%;
	
}
#Block{
	width: 85%;
	padding: 5%;
	top: 50%;
	height: auto;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
.admin_login{
	width: 75%;
	
}

}	

/*public:rtContent*/
.rt_wrap{margin-left:218px;margin-right:10px;height:100%;position:relative;}
.rt_content{margin-bottom:80px;margin-right:8px;overflow:hidden;}
.textWhite{color:white;}
.link_btn{border:1px #139667 solid;border-radius:2px;background:#19a97b;color:white;padding:8px 15px;display:inline-block;cursor:pointer;}
.link_btn:hover{background:#11a274;border:1px #0e8f61 solid;}
.link_btn:active{background:#0c9c6e;border:1px #0e8f61 solid;}
.textbox{border:1px #139667 solid;height:26px;line-height:26px;padding:5px;font-size:12px; vertical-align:middle;}
.textbox_295{width:295px;}
.textbox_225{width:225px;}
.select{padding:0 5px;height:38px;font-size:12px;border:1px #139667 solid;vertical-align:middle; appearance: button;-webkit-appearance:button;}
.group_btn{border:1px #139667 solid;background:#19a97b;color:white;padding:0 15px;height:38px;cursor:pointer;display:inline-block;vertical-align:middle;}
.group_btn:hover{background:#11a274;border:1px #0e8f61 solid;}
.group_btn:active{background:#0c9c6e;border:1px #0e8f61 solid;}
.page_title{height:40px;line-height:40px;border-bottom:1px #b6b6b6 solid;margin:10px 0;}
.page_title h2{font-size:15px;font-weight:bold;}
.page_title .top_rt_btn{display:inline-block;height:30px;line-height:30px;padding:0 15px;border:1px #d2d2d2 solid;background:#f8f8f8;color:#19a97b; vertical-align:middle;cursor:pointer;}



@-webkit-keyframes loading_icon{0%{transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1)}
50%{transform:scaleY(.4);-moz-transform:scaleY(.4);-webkit-transform:scaleY(.4)}
100%{transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1)}
}
@-moz-keyframes loading_icon{0%{transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1)}
50%{transform:scaleY(.4);-moz-transform:scaleY(.4);-webkit-transform:scaleY(.4)}
100%{transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1)}
}

/*statistic*/
.dataStatistic{width:700px;height:400px;border:1px solid #ccc;margin:0 auto;margin-top:100px;overflow:hidden}
#cylindrical{width:700px;height:400px;margin-top:-15px}
#line{width:700px;height:400px;margin-top:-15px}
#pie{width:700px;height:400px;margin-top:-15px}