@font-face {
	font-family: 'Raleway-Medium';
	src: url('fonts/raleway-medium.eot');
	src: url('fonts/raleway-medium.eot') format('embedded-opentype'),
    	 url('fonts/raleway-medium.woff') format('woff'),
    	 url('fonts/raleway-medium.ttf') format('truetype'),
         url('fonts/raleway-medium.svg#Raleway-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}

html,body{width:100%;height:100%;touch-action: pan-y;}
body{
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	line-height:1.5;
	color: #555;
	background:#fff;
	font-family: Raleway-Medium, 黑体 !important;
}
.noscroll,
.noscroll body {overflow: hidden;}
.scrollable{overflow:auto;-webkit-overflow-scrolling:touch;}
*{outline:none;}
select,input,textarea{
	font-family: Microsoft YaHei, Arial, sans-serif;
	font-size:12px;
	line-height:30px;
	padding:0 2%;
	border:1px solid #ccc;
	border-radius:3px;
	float: left;
}
input.short{width:30px !important;}
input.number{text-align:center;}
textarea{line-height:16px;padding:2%;}
select{width:auto;height:32px;padding:0;}
input[type=radio],input[type=checkbox]{
	width:20px;
	height:20px;
	margin:5px;
	float:left;
}
label{display:block;line-height:30px;}
form input[type=text]:focus,
form select:focus,
form textarea:focus{box-shadow:0 0 3px rgba(0,167,243,1);border:1px solid #58c6ef;}

ul, ol, li {
	list-style: none;
	padding: 0;
	margin: 0;
}
a{text-decoration:none;color:#38398f;cursor:pointer;}
img{border:0;display:block;}
h1,h2,h3,h4,h5{margin:0;padding:0;}
p{margin:0;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
img.left{margin:20px 20px 20px 0;}
img.right{margin:20px 0 20px 20px;}
.lang{display:none;}
.lang.show{display:inline;}
.tag{
	display:inline-block;
	background:#ccc;
	color:#fff;
	height:20px;
	line-height:20px;
	padding:0 10px;
	border-radius:10px;
	font-size: 12px;
	text-shadow:0 0 .5px rgba(0,0,0,.5);
}
.tag.pending{background:#9059ff;}
.tag.ongoing{background:#5988ff;}
.tag.followup{background:#ffce59;}
.tag.done{background:#00ba58;}
.tag.cancel{background:#bbb;}
.tag.alarm{background:#ff5959;}
.hint_holder{color:#ff9900;line-height: 32px;}
.hint_holder i{margin:0 3px;}

#display-holder{width:100%;padding-top:44px;}
#display-holder form{display:table;width:100%;}

/* GENERAL */
#preview_ribbon{
	width:40px;
	height:40px;
	display:block;
	position:fixed;
	bottom:0;
	right:0;
	background:url('../images/preview_ribbon_mobile.png');
	z-index:1001;
	opacity:.3;
}
#preview_ribbon:hover{opacity:.8}

.overlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
}

#loader{
	display:block;
	width:100vw;
	height:100vh;
	background-color:#fff;
	z-index:1000;
}
.overlay .logo,
.overlay .circle{
	position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
	width: 60px;
    height: 60px;
	background-image: url('../images/loading.png');
}
.overlay .logo{
	background-position: -60px 0;
}
.overlay .circle{
	background-position: 0 0;
    animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    -webkit-animation: spin 1s infinite linear;
}
@-ms-keyframes spin { 
	from { 
		-ms-transform: rotate(0deg); 
	} to { 
		-ms-transform: rotate(360deg); 
	}
}
@-moz-keyframes spin { 
	from { 
		-moz-transform: rotate(0deg); 
	} to { 
		-moz-transform: rotate(360deg); 
	}
}
@-webkit-keyframes spin { 
	from { 
		-webkit-transform: rotate(0deg); 
	} to { 
		-webkit-transform: rotate(360deg); 
	}
}
@keyframes spin { 
	from { 
		transform: rotate(0deg); 
	} to { 
		transform: rotate(360deg); 
	}
}
.more_btn{
    color: #555;
	background:rgba(255,255,255,.7);
    padding: 4px 10px;
	font-weight:bold;
	border-radius:20px;
	font-size:1em;
	line-height:20px;
}
.more_btn:hover{
	color:#333;
}
.lazy{background:#eee url('../images/lazy_logo.png') center no-repeat;}
.lazy img{display:none;}

.ctrl_btn_holder{width:100%;text-align:center;}
.ctrl_btn{
	color:#fff;	
	height:30px;
	line-height:30px;
	border-radius:20px;
	border:0;
	padding:0 15px;
	margin:10px auto;
	background:#38398f;
	display:table;
}
.ctrl_btn.cancel{background:#ccc;}
.ctrl_btn i{margin-right:5px;}

/* header */
header{
	width:100%;
	height:40px;
	background:#fff;
	border-bottom:4px solid #ccc;
	position: fixed;
	top: 0;
	z-index:99;
}
header.top{z-index:999;}
header .header_navi{
	display:table-cell;
	vertical-align:middle;
	height:40px;
	position:relative;
}
.header_navi > .title{
	width:100%;
	height:40px;
	line-height:40px;
	font-size:1.3em;
	font-weight:normal;
	text-align:center;
	overflow:hidden;
	text-overflow:ellipsis;
	position:absolute;
	top:0;
	left:0;
}
header .header_navi.ctrl{width:40px;}
header .header_link{
	width:100%;
	height:40px;
	display:block;
	float:left;
}
header .header_link:before{
	display:block;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:22px;
}

header .header_logo_holder{display:table;width:100%;height:40px;text-align:center;}
header #header_logo{height:100%;margin:0 auto;}

header #side_menu{
	height:100vh;
	position:fixed;
	left:0;
	top:0;
	z-index:1001;
	background:rgba(255,255,255,1);
	box-shadow:4px 0 10px rgba(0,0,0,.3);
	overflow:hidden;
	line-height:30px;
	font-size:1.4em;
	
	width:0;
	opacity:0;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
header #side_menu_holder.show #side_menu{
	width:80%;
	opacity:1;	
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
header #side_menu #icp_info{
	width:100%;
	position:absolute;
	bottom:0;
	text-align:center;
	font-size:12px;
	color:#999;
}
header #side_menu_holder .overlay{background:rgba(0,0,0,.6);display:none;}

header .ctrl_holder{width:100%;height:30px;padding:5px 0;}
header .ctrl_link{display:block;height:30px;line-height:30px;float:left;padding:0 10px;font-size:14px;}
header .ctrl_link i{margin-right:5px;}
header .ctrl_link.back{float:right;}

#sidebar_menu{padding:10px 0;}
.menu_item .title{display:block;padding:5px 10px;letter-spacing:1px;white-space:nowrap;}
.menu_item .title{color:#888;}
.menu_item .title.curr{color:#38398f;background:#ebebff;}

.sub_menu_item .link{padding-left:30px;font-size:.95em;color:#888;}
.sub_menu_item .link.curr{background:#eef0ff;}
.sub_menu{margin-bottom:10px;display:none;}

.menu_item .title i{
	display:block;
	width:22px;
	height:22px;
	line-height:22px;
	text-align:center;
	float:left;
	margin:4px;
	font-size:1em;
}

header .header_link i{
	display:block;
	width:20px;
	height:20px;	
	margin:10px auto;
}
header .header_link i:before{
	display:block;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	font-size:20px;
}

.marker{
	height:16px;
	line-height:16px;
	text-align:center;
	padding:0 5px;
	border-radius:10px;
	background:#d31919;
	color:#fff;
	font-family:Arial;
	font-size:12px;
}
header .header_link .marker{	
	position:absolute;
	top:2px;
	right:2px;
}
.menu_item .title .marker{padding:0 10px;height:20px;line-height:20px;margin:5px 0;float:right;}

/* PROFILE PANEL */
#my_basic_info{
	padding:10px 0;
	text-align:center;	
	position:relative;
	z-index:1;
	background-size:cover;
	background-position: center;
	box-shadow:0 10px 20px -15px rgba(0,0,0,1) inset;
}
#my_basic_info .bg{
	width:100%;
	height:100%;
	background:rgba(80,90,150,.6);
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	box-shadow:0 -10px 15px -10px rgba(0,0,0,.3) inset;
}
#my_basic_info .my_name{font-size:1.2em;letter-spacing:4px;color:#fff;text-shadow:-1px -1px 1px rgba(0,0,0,.5);position:relative;z-index:1;}
#my_basic_info .my_group{font-size:.9em;color:#38398f;position:relative;z-index:1;}
.my_img_holder{
	position:relative;
	width:110px;
	height:110px;
	margin:0 auto;
}
.my_img_cover{
	width:110px;
	height:110px;
	background:url('../images/mem_img_cover_mobile.png');
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
.my_img{
	width:90px;
	height:90px;
	display:block;
	position:absolute;
	top:10px;
	left:10px;
	z-index:1;
	border-radius:50%;
	overflow:hidden;
}
.my_img.no_img{background:#eee;}
.my_img.no_img i{
	display:block;
	width:90px;
	height:90px;
	line-height:100px;
	font-size:80px;
	color:#aaa;
}

#my_account{
	color:#ccc;
	position:relative;
	z-index:1;
	font-size:.9em;
	line-height:30px;
}
#my_account .welcome{
	color:#fff;
	font-weight:bold;
	text-shadow:-1px -1px 1px rgba(0,0,0,.5);
	letter-spacing:1px;
	padding:0 10px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
#my_account .btn_logout{font-size:12px;color:#ffcc00;text-shadow:none;font-weight:normal;}
#activate_btn{
	font-size:.8em;
	line-height:1.2em;
	width:50px;
	padding:5px 2px 5px 8px;
	position:absolute;
	bottom:0;
	right:0;
	color:#fff;
	background:#38398f;
	
	border-top-left-radius:20px;
	border-bottom-left-radius:20px;
}

/* search box */
header .search_holder{
	width:85%;
	height:30px;
	float:left;
	border-radius:20px;
	background:#eee;
	padding:0 15px;
	position:relative;
}
header .search_holder form{position:absolute;left:0;}
.search_box{width:100%;height:100%;padding:0 30px 0 15px;border:0;background:transparent;font-size: 14px;}
.search_btn{width:30px;height:30px;overflow:hidden;position:absolute;top:0;right:5px;}
.search_btn i{
	display:block;
	width:100%;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:1.6em;
	color:#999;
}

.slideDown{
	animation:fadeInDown 0.3s linear 0s 1 forwards alternate;
	-moz-animation:fadeInDown 0.3s linear 0s 1 forwards alternate;
	-webkit-animation:fadeInDown 0.3s linear 0s 1 forwards alternate;
	-o-animation:fadeInDown 0.3s linear 0s 1 forwards alternate;
}
.ctrl_list_holder{
	position:fixed;
	top:84px;
	z-index:101;
	display:none;
	padding:9px 0 0 0;
	background: url('../images/ctrl_list_top.png') top no-repeat;	
}
.ctrl_list_holder.slideDown{
	display:block;
}
.ctrl_list{
	font-size:1.2em;
	line-height:2em;
	background: rgba(255,255,255,.8);	
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	box-shadow:0 6px 10px rgba(0,0,0,.3);
	border-radius:10px;
}
.ctrl_list li a{
	width:80px;
	height:100%;
	padding:0 20px;
	display:block;
	color:#333;
	text-shadow: -1px -1px 0 rgba(255,255,255,.5);
	text-align:center;
}
.ctrl_list li a:hover{color:#38398f;}

header > ul{
	width:100%;
	display:table;
}
header .header_navi{font-size:1.2em;}
header .navi_list{
	width:100%;
	height:40px;
	display:table;
	float:left;	
	text-align: justify;
}
header .navi_list:after{content: '';}
header .navi_list li{
	display:table-cell;
	height: 40px;
	line-height: 40px;
	text-align:center;
	position:relative;	
}
header .navi_list li.whole-width{width:100%;text-align:center;}
header .navi_list li a{
	width:100%;
	height:100%;
	display:table;	
	color:#888;
	letter-spacing:4px;
}
header .navi_list li.curr a{color:#38398f;border-bottom:4px solid #38398f;}

/* OBJECT LIST */
#obj_list #no_more{margin-top:0;}
#obj_list .item{
	display:table;
	width:100%;
	height:auto;
	border-bottom:1px solid #eee;
	background:#f9f9f9;
	position:relative;
	padding: 10px;
    box-sizing: border-box;
}
#obj_list .item a{color:#555;}
#obj_list .img_holder{
	display:table-cell;
	width:16vh;
	height:16vh;
}
#obj_list .info{display:block;}
#obj_list .info h3{
	height:auto;
	max-height: 38px;
	line-height:18px;
	color:#38398f;
	margin-bottom:6px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
#obj_list .icon_hot{display:inline-block;background:#ff0000;color:#fff;padding:0 5px;border-radius:3px;margin-right:5px;}

#load_more{
	width:100%;
	display:table;
}
#load_more span{
	display:table;
	width:100px;
	height:20px;
	line-height:20px;
	padding:0 0 0 20px;
	margin:10px 0 10px -60px;
	position:relative;
	left:50%;
	font-size:1.5em;
	color:#888;
	letter-spacing:1px;
	text-indent:5px;
}
#load_more span i{
	display:table;
	width:20px;
	height:20px;
	position:absolute;
	top:0;
	left:0;	
}
#load_more.loading{padding:0;}
#load_more.loading span i{
	background:url('../images/loading_more_mobile.png') center;
	animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    -webkit-animation: spin 1s infinite linear;
}
#no_more{
	display:table;
	width:100%;	
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:1.5em;
	color:#bbb;
	letter-spacing:2px;
}
form[name=searchForm]{
	width:100%;
	height:100%;
}

/* LOGIN PANEL */
#login_panel{background:rgba(0,0,0,.9);display:table;}
#login_panel table{
	color:#fff;
	padding:0 20px;
}
.login_header h1{
	font-size:1.4em;
	line-height:2em;
	font-weight:400;
}
.login_body{
	padding:40px 0;
}
#login_list li{
	display:table-cell;
	margin:0 auto;
}
#login_list li a{
	display:block;
	width:100px;
	height:100px;
	margin:0 auto;
	font-weight:bold;
	letter-spacing:1px;
	color:#1078d5;
	line-height:1.5em;
	border: 1px solid #00a7f3;
	border-radius:10px;
	padding:10px;
	box-shadow:0 0 20px rgba(0,167,243,.5);
	background:#f3f3f3;
}
#login_list li a:hover{
	box-shadow:0 0 20px rgba(0,167,243,.8);
	background:#fff;
}
#login_list li a .login_icon{
	width:80px;
	height:80px;
	background-image:url('../images/login_icon.png');
}
#login_list li a span{width:100%;display:block;}
#error_holder{
	width: 100%;
    height: 140px;
    position: absolute;
    top: 50%;
    left: 0;
	margin-top:-70px;
	color:#fff;
	font-size:.8em;
}
#error_icon{
	display:inline-block;
	width:80px;
	height:80px;
	line-height:80px;
	text-align:center;
}
#error_icon i{
	width:80px;
	height:80px;
	line-height:80px;
	text-align:center;	
	font-size:60px;
	animation: sparkle 5s infinite linear;
    -moz-animation: sparkle 5s infinite linear;
    -webkit-animation: sparkle 5s infinite linear;
}
@-ms-keyframes sparkle { 
	0% {text-shadow:0 0 20px rgba(0,167,243,.5);}
	50%{text-shadow:0 0 50px rgba(0,167,243,1);}
	100% {text-shadow:0 0 20px rgba(0,167,243,.5);}
}
@-moz-keyframes sparkle { 
	0% {text-shadow:0 0 20px rgba(0,167,243,.5);}
	50%{text-shadow:0 0 50px rgba(0,167,243,1);}
	100% {text-shadow:0 0 20px rgba(0,167,243,.5);}
}
@-webkit-keyframes sparkle { 
	0% {text-shadow:0 0 20px rgba(0,167,243,.5);}
	50%{text-shadow:0 0 50px rgba(0,167,243,1);}
	100% {text-shadow:0 0 20px rgba(0,167,243,.5);}
}
@keyframes sparkle { 
	0% {text-shadow:0 0 20px rgba(0,167,243,.5);}
	50%{text-shadow:0 0 50px rgba(0,167,243,1);}
	100% {text-shadow:0 0 20px rgba(0,167,243,.5);}
}

/* OVERLAY */
.loading{
	position:relative;
	line-height:20px;
	padding:0 0 0 25px;
	display:table;	
}
.loading i{
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	top:0;
	left:0;
	background:url('../images/loading_more_mobile.png') center;
	animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    -webkit-animation: spin 1s infinite linear;
}
#alert_panel{background:rgba(0,0,0,.7);display:none;z-index:1001;}
#alert_panel table{
	width:90%;
	padding:10px;
	min-height:100px;
	background:#fff;
	border-radius:10px;
	box-shadow:0 0 20px rgba(0,0,0,.8);
	position:absolute;
	top:50%;
	left:50%;
	margin:-50px 0 0 -45%;
	color:#888;
	font-size:1.4em;
	line-height:30px;
}

#tips_panel{background:rgba(0,0,0,.01);display:none;z-index:999;}
#tips_holder{
	width:50vw;
	height:30vw;
	padding:10px;
	background:rgba(0,0,0,.8);
	border-radius:10px;
	position:absolute;
	top:50%;
	left:50%;
	color:#fff;
	font-size:1.2em;
	line-height:30px;
	
	opacity:0;
	margin:-10vw 0 0 -25vw;
	-webkit-transition: all .2s;
	transition: all .2s;
}
#tips_holder.fadeIn{
	opacity:1;
	margin:-15vw 0 0 -25vw;
	-webkit-transition: all .5s;
	transition: all .5s;
}
#tips_holder .tips_logo{
	width:100%;
	height:40px;
	background-image:url('../images/lazy_logo.png');
	background-position:center;
	background-repeat:no-repeat;
}

#notice_holder{background:rgba(0,0,0,.7);display:none;z-index:999;}
#notice_holder table{
	width:90vw;
	height:90vh;
	padding:8px 8px 8px 3px;
	background:#fff;
	border-radius:10px;
	box-shadow:0 0 20px rgba(0,0,0,.8);
	position:absolute;
	top:50%;
	left:50%;
	margin:-45vh 0 0 -45vw;
	color:#888;
	font-size:1.2em;
	line-height:22px;
}
#notice_holder table td{vertical-align:top;position:relative;}

/* OCR */
#btn_upload,
#btn_save{width:100%;position: relative;}
#btn_save{
	display:block;
	line-height: 32px;
	background:#44b549;
	color:#fff;
	border-radius:3px;
	text-align:center;
}
#btn_save i{margin-right:5px;}
.btn_file{
	display:block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;	
	padding: 0;
	margin: 0;
	z-index: 10;
	border: 0;
	opacity: 0;
	cursor:pointer;
}
.image_holder{
	width:64vw;
	height:36vw;
	line-height:36vw;
	border-radius:5px;
	overflow:hidden;
	border:1px solid #ccc;
	margin:0 auto 10px auto;
	text-align:center;	
	background:#ddd;
	text-shadow:-1px -1px 1px rgba(255,255,255,1);
	position:relative;
}
.image_holder i{margin-right:5px;}
.image_holder .image{
	width:100%;
	height:100%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}
.btn_delete i{display:block;width:20px;height:20px;line-height:20px;text-align:center;}
#bc_form .title{width:70px;}
#bc_form .title.required:after{content:"*";color:#ff0000;font-size:20px;margin-left:2px;}
#bc_form .title select{width:68px;}
#bc_form input[type=text]{width:95%;}
#bc_form .ctrl_btn{margin:10px auto;}