html *{ font-family: Arial, sans-serif, Arial Unicode MS, Windows Microsoft JhengHei;}
body {
	font-family: Arial, sans-serif, Arial Unicode MS, Windows Microsoft JhengHei,fantasy;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
	background-color: #fff;
	/*overflow: hidden;*/
}
/*   leftmenu */
#left-menu {
	background-color:#3b3e40;
	width:220px;
	float:left;
	text-align:center;
	position: absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
}
#left-menu ul {
	float:left;
}
#left-menu li {
	/*height:40px;*/
	line-height:40px;
	cursor:pointer
}
#left-menu li:hover {
	background-color:#009688;
/*	border-left:3px solid #009688;*/
}
#left-menu a {
	color:#d3d3d5;
}
.item-border {
	border-top:1px solid #27292a
}
.logo {
	background: url(../images/logo.png) no-repeat center;
    width: 200px;
    height: 200px;
    /* margin: 35px 0 45px 22px; */
    background-size: cover;
    margin: 5px 0 10px 8px;
}
.item-top {
	border-bottom:1px solid #27292a;
	border-top:2px solid #3d4143;
	width:220px;
	color:#d3d3d5;
	font-weight:600;
	text-align:left;
}
.item-top1 {
	border-bottom:1px solid #27292a;
	border-top:2px solid #3d4143;
	width:220px;
	color:#d3d3d5;
	font-weight:600;
	text-align:left;
}
.item-bottom {
	background-color:#292c2d;
	border-bottom:1px solid #3d4143;
}
.item-children {
	width:220px;
	background:#292c2d;
}
.version {
	color:#5d5f5f;
	text-align:center;
	font-weight:bold;
	position:absolute;
	bottom:20px;
	width:220px;
}
.copyright {
	border-top:1px solid #979996;
	text-align:center;
	position:absolute;
	bottom:0;
	z-index:999;
	width:100%;
	padding:15px 0;
}
/*   leftmenu  end    */

/* contant */
#contant {
	background-color:#fff;
	overflow:hidden;
	width:100%;
}
.user-line {
	background-color:#3b3e40;
	height:40px;
	width:100%;
}
.user-line li {
	float:right;
	color:#7a7a7a;
	font-size:12px;
	line-height:40px;
	cursor:pointer
}
.user-right {
	padding-right:28px;
}
.use-title {
	background-color:#eeeeee;
	border-bottom:1px solid #d4d4d4;
	width:100%;
	overflow:hidden
}
.title-font {
	margin:25px 0 0 20px;
	float:left;
	font-size:21pt;
	font-weight:bold
}
.tilte-btn {
	float:right;
	margin:20px 20px 10px 0;
*margin:0 20px 10px 0;
}
.tilte-btn1 {
	float:right;
	margin:20px 20px 10px 0;
*margin:0 20px 10px 0;
}
.btn-left {
	margin:0 5px 10px 0!important;
}
.right-padd {
	margin-right:5px;
	float:left
}
.right-padd1 {
	margin-right:5px;
	float:left
}
.right-padd2 {
	margin-right:5px;
	float:left
}
.right-padd3 {
	margin-right:5px;
	float:left
}
.search-box {
	overflow:hidden;
	margin:0;
}
.search-box1 {
	overflow:hidden;
	margin:10px 0 5px 0;
}
.search {
	width:150px;
	height:25px;
	text-align:left;
	padding-left:5px;
	border:1px solid #c1c1c1;
}
.datashow {
	width:97%;
	margin:0 auto;
	padding:10px 0 10px 0;
}
.tab-title {
	border:1px solid #d2d2d2;
	text-align:center;
	height:43px;
	line-height:43px;
	background-color:#eeeeee;
	font-size:15px;
	font-weight:bold;
}
.tab-title1 {
	border-right:0;
}
.tab-title2 {
	border-left:0;
	border-right:0;
}
.tab-title4, .tab-title5 {
	border-left:0;
}
.tab-title3 {
	border-left:0;
}
.tab-bottom,.tab-bottom2 ,.tab-bottom3,.tab-bottom4  {
	border-bottom:1px solid #d2d2d2;
	text-align:center;
	font-size:14px;
	padding:5px 0;
	table-layout:fixed; 
    word-break: break-all; 
	overflow:hidden;
}
.more-display {
	display:none
}
.file-name {
	float:left;
	margin-top:8px;
	font-weight:bold
}
.other {
	color:#666;
	font-size:12px;
}
.more-tmp {
	margin-top:12px;
	display:block;
	color:#000
}
.more-tmp1 {
	margin-top:12px;
	display:block;
	color:#000;
	margin-top:16px;
}
.reg-tab {
	width:500px;
	font-size:14px;
}
.reg-box {
	width:210px;
	border: 1px solid #7e9db9;
	height:23px;
}
.tmp-mac {
	margin-left:30px;
	height:240px;
	width:300px;
	float:left
}
.tmp-mac1 {
	width:170px;
	float:left
}
.tmp-contant {
	margin-left:400px;
}
.map-box {
	width:270px;
	float:left;
	margin:10px 20px 20px 0;
}
.map-bottom {
	height:86px;
	background-color:#eeeeee;
}
.map-name {
	color:#626262;
	padding:20px 20px 10px 20px;
	font-size:16px;
	font-weight:bold
}
.map-opera {
	padding:0 20px 0 20px;
	width:100%;
}
.map-left {
	width:290px;
	float:left
}
.check-box {
	display:block;
	float:left;
	margin-top:2px;
}
.care {
	margin:0px 0 20px 0;
	color:#e60012
}
.tmp-img {
	padding:10px 0 10px 0;
	display:block
}
.tmp-mac {
	width:170px;
	float:left;
}
.tmp-area {
	width:420px;
	height:270px;
	float:left;
	background:#fff;
}
.tmp-name {
	font-size:26px;
	color:#929292;
	font-weight:bold;
	margin-top:10px;
	
}
.tp-font{ font-size:16px;font-weight: bold;margin-top: 10px;}
.tmp-box {
	border:1px solid #d2d2d2;
	border-bottom:0px;
	padding:10px 10px 10px 20px;
	width:100%;
}
.tmp-box1 {
	border:1px solid #d2d2d2;
	border-top:0px;
	float:left;
	padding:10px 10px 10px 20px;
	width:100%;
}
.tmp-more {
	float:right;
	color:#36a2d2;
	margin-top:8px;
}
.tmp-tap-box {
	width:170px;
	height:500px;
	background-color:#eeeeee;
	border:1px solid #cccccc;
	float:left;
	margin-right:50px;
}
.tmp-tap {
	line-height:35px;
	height:35px;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	font-size:18px;
	font-weight:bold;
	width:169px;
	text-indent:18px;
}
.flie-check {
	padding:0 0 10px 10px;
	width:100%;
	overflow:hidden
}
.remark {
	word-spacing:normal;
	word-break:break-all;
	display:block
}
.flie-text {
	width:120px;
}
.date-text {
	width:80px;
}
.form-btn {
	margin-top:-4px;
	height:26px;
}
.btn-line {
	padding:10px 10px;
}
.btn-line1 {
	margin:5px 10px;
}
.right {
	float:right;
	margin:0 20px 10px 0;
}
.bg-margin{margin-left:70px;}
.point-text {
	width:60px;
}
.day-line {
	height:30px;
	border-bottom:1px solid #eee
}
/* contant end */


/* menu icon */
.menu-font,.menu-font-fa{     width: 170px;
    text-align: left;
    display: inline-block;
    margin-left:15px;line-height: 28px;}
.menu-icon {
	content: '';
    width: 0;
    height: 0;
    border-style: solid dashed dashed;
    border-color: #fff transparent transparent;
    overflow: hidden;
    cursor: pointer;
    transition: all .2s;
    -webkit-transition: all .2s;
    position: absolute;
    /*top: 50%;*/
    right: 13px;
    margin-top: 15px;
    border-width: 6px;
    border-top-color: rgba(255,255,255,.7);
}
.menu-open{
	margin-top: 7px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #fff;
}
.menu-icon1 {
	width:12px;
	height:12px;
	margin:15px -50px 0 15px;
	float:left;
}
.menu-icon2 {
	width:16px;
	height:19px;
	margin:10px 10px 0 25px;
	float:left;
}

.ponit {
	background:url(../images/small-icon.png);
	width:10px;
	height:10px;
	background-position:0px -111px
}
.ponit-blue {
	background:url(../images/small-icon.png);
	width:10px;
	height:10px;
	background-position:16px -111px
}
.out {
	background:url(../images/small-icon.png);
	width:16px;
	height:19px;
	background-position:0px -94px
}
.user {
	background:url(../images/small-icon.png);
	width:16px;
	height:19px;
	background-position:0px -75px
}
.clock {
	background:url(../images/clock.png);
	width:16px;
	height:16px;
	
}
.blue {
    color: #27a9e3;
}
.ipt {
	border:1px solid #bebfb9;
	border-radius:3px;
	height:38px;
	width:250px;
	line-height:38px;
	font-size:16px;
}
.iptt {
	border:1px solid #707c88;
	border-radius:3px;
	height:38px;
	width:250px;
	line-height:38px;
	font-size:16px;
}
.singin {
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#26a7e0), to(#1f88b7));
	background: -moz-linear-gradient(top, #26a7e0, #1f88b7);
 	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#26a7e0', endColorstr='#1f88b7'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#26a7e0',endColorstr='#1f88b7')";
    background: -ms-linear-gradient(left,#dbecf6 0%,#C0D9ED 100%); /*IE*/
	background: -webkit-linear-gradient(top, #26a7e0, #1f88b7);
    background: -moz-linear-gradient(top, #26a7e0, #1f88b7);
    background: -ms-linear-gradient(top, #26a7e0, #1f88b7);
    background: linear-gradient(top, #26a7e0, #1f88b7);
	border:1px solid #218dbe;
	color: #fff;
	border-radius:3px;
	width:250px;
	margin-top:10px;
	padding:10px 0;
	font-weight:bold;
	text-align:center;
	font-size:16px;
	cursor:pointer
}
.singin:hover {
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#1f88b7), to(#26a7e0));
	background: -moz-linear-gradient(top, #1f88b7, #26a7e0);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#26a7e0', endColorstr='#1f88b7'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#26a7e0',endColorstr='#1f88b7')";
	background: -ms-linear-gradient(left,#dbecf6 0%,#C0D9ED 100%); /*IE*/
	background: -webkit-linear-gradient(top, #1f88b7, #26a7e0);
    background: -moz-linear-gradient(top, #1f88b7, #26a7e0);
    background: -ms-linear-gradient(top, #1f88b7, #26a7e0);
    background: linear-gradient(top, #1f88b7, #26a7e0);
	border:1px solid #218dbe;
	color: #fff;
	border-radius:3px;
	width:250px;
	margin-top:10px;
	padding:10px 0;
	font-weight:bold;
	text-align:center;
	font-size:16px;
	cursor:pointer
}
 .singin:visiter {
 background:#1f88b7;
 border:1px solid #218dbe;
 color: #fff;
 border-radius:3px;
 width:250px;
 margin-top:10px;
 padding:10px 0;
 font-weight:bold;
 text-align:center;
 font-size:16px;
 cursor:pointer
}