body {
  	margin:0;
  	background:#FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
}

.div_left {
	text-align:left;
}

.div_center {
	text-align:center;
}

.div_right {
	text-align:right;
}

#div_prompt {
	display:none;
	position:fixed;
	z-index:100;
	left:0;
	right:0;
	bottom:100px;
	height:30px;
	text-align:center;	
}

.div_loading_message {
	display:inline-block;
	max-width:240px;
	height:30px;
	border-radius:15px;
	background-color:rgba(0,0,0,0.6);
	background-image:url(../icon/loading_alpha.gif);
	background-repeat:no-repeat;
	background-position:5px 3px;
	background-size:24px 24px;
	font-size:14px;
	padding-left:36px;
	padding-right:20px;
	color:#FFFFFF;
	line-height:30px;
	text-overflow:ellipsis;	  
	white-space:nowrap;	   
	overflow: hidden;
}

.div_alert_message {
	display:inline-block;
	max-width:260px;
	height:30px;
	border-radius:15px;
	border:#606060 1px solid;
	padding:0 20px;
	background:rgba(0,0,0,0.8);
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	line-height:30px;
	text-overflow:ellipsis;	  
	white-space:nowrap;	   
	overflow: hidden;
}

#div_confirm {
	display:none;
	position:fixed;
	z-index:50;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.5);
}

.div_confirm_area {
	position:absolute;
	top:180px;
	left:40px;
	right:40px;
	height:110px;
	border-radius:4px;
	border:#C0C0C0 1px solid;
	background:#F8F8F8;
	box-shadow:2px 2px 6px #606060;
}

.div_confirm_label {
	position:absolute;
	left:0;
	top:16px;
	right:0;
	height:40px;
	color:#808080;
	font-size:16px;
	text-align:center;
	line-height:20px;
}

.div_confirm_cancel {
	position:absolute;
	left:20px;
	top:70px;
	width:80px;
	height:30px;
	border-radius:6px;
	background:#C0C0C0;
	color:#FFFFFF;
	font-size:16px;
	text-align:center;
	line-height:30px;
}

.div_confirm_ok {
	position:absolute;
	right:20px;
	top:70px;
	width:80px;
	height:30px;
	border-radius:6px;
	background:#0090FF;
	color:#FFFFFF;
	font-size:16px;
	text-align:center;
	line-height:30px;
}

#div_visual {
	display:none;
	position:fixed;
	z-index:80;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

#div_visual_aid {
	position:absolute;
	box-sizing:border-box;
	left:0;
	top:0;
	width:80px;
	height:80px;
	border-radius:40px;
	border:#FFFFFF 1px solid;
	background:rgba(0,0,0,0.2);
}

.div_error {
	position:absolute;
	top:40px;
	bottom:0;
	left:0;
	right:0;
	background:#FFFFFF;
	color:#808080;
	font-size:14px;
	line-height:20px;
	padding:8px;
	overflow:auto;
}

.div_full {
	display:none;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	overflow:auto;
}

.div_page {
	display:none; 
	position:fixed;
	top:0;
	bottom:0;
	right:0;
}


@media screen and (max-width:639px) {
	.div_page {	left:0;	}
}

@media screen and (min-width:640px) {
	.div_page {	left:280px; }
}

.div_page_title {
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:40px;
	background:#0090FF;
	padding:0 60px;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	line-height:40px;
	overflow:hidden;
	text-align:center;	
}

.div_page_back {
	position:absolute;
	left:2px;
	top:0;
	width:40px;
	height:40px;
	background:url(../icon/header_back.png);
	background-size:40px 40px;
}

.div_page_white {
	position:absolute;
	top:40px;
	bottom:0;
	left:0;
	right:0;
	background:#FFFFFF;
	overflow:auto;
	-webkit-overflow-scrolling: touch;	
}

.div_page_grey {
	position:absolute;
	top:40px;
	bottom:0;
	left:0;
	right:0;
	background:#F0F0F0;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}

.div_page_lite {
	position:absolute;
	top:40px;
	bottom:0;
	left:0;
	right:0;
	background:-webkit-linear-gradient(bottom, #D0E0FF, #F0F8FF);
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}	

.div_page_group {
	position:relative;
	overflow:hidden;
}

.div_header_plus {
	position:absolute;
	right:2px;
	top:0;
	width:40px;
	height:40px;
	background:url(../icon/header_plus.png);
	background-size:100%;
}

.div_header_filter {
	position:absolute;
	right:2px;
	top:0;
	width:40px;
	height:40px;
	background:url(../icon/header_filter.png);
	background-size:100%;
}

.div_header_confirm {
	position:absolute;
	right:2px;
	top:0;
	width:40px;
	height:40px;
	background:url(../icon/header_confirm.png);
	background-size:100%;
}

.div_header_start {
	position:absolute;
	right:2px;
	top:0;
	width:40px;
	height:40px;
	background:url(../icon/header_start.png);
	background-size:100%;
}

.div_header_edit {
	position:absolute;
	right:2px;
	top:0;
	width:40px;
	height:40px;
	background:url(../icon/header_edit.png);
	background-size:100%;
}

.div_header_comment {
	position:absolute;
	right:2px;
	top:0;
	width:40px;
	height:40px;
	background:url(../icon/header_say.png);
	background-size:100%;
}

.div_header_users {
	position:absolute;
	right:2px;
	top:0;
	width:40px;
	height:40px;
	background:url(../icon/header_users.png);
	background-size:100%;
}

.div_header_info {
	position:absolute;
	right:2px;
	top:0;
	width:40px;
	height:40px;
	background:url(../icon/header_info.png);
	background-size:100%;
}

.div_header_dot {
	position:absolute;
	right:2px;
	top:0;
	width:40px;
	height:40px;
	background:url(../icon/header_dot.png);
	background-size:100%;
}	

.div_header_button {
	position:absolute;
	right:10px;
	top:4px;
	width:60px;
	height:30px;
	box-sizing:border-box;	
	border: 1px solid transparent;
    border-color: rgba(255,255,255,0.6);
    border-radius:4px;
	color:#FFF;	
	text-align:center;
	line-height:30px;
	background-size:100%;
}

.div_menu {
	display:none;
	position:fixed;
	box-sizing:border-box;
	top:0;
	bottom:0;
	left:0;
}

@media screen and (max-width:639px) {
	.div_menu { right:0; }
}
@media screen and (min-width:640px) {
	.div_menu {	width:280px; }
}

.div_menu_title {
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:40px;
	background:#0090FF;
	padding:0 60px;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	line-height:40px;
	text-align:center;
	overflow:hidden;
}

.div_menu_back {
	position:absolute;
	left:6px;
	top:0;
	width:40px;
	height:40px;
	background:url(../icon/header_menu.png);
	background-size:100%;
}
	
.div_menu_group {
	position:absolute;
	top:40px;
	bottom:0;
	left:0;
	right:0;
	background:-webkit-linear-gradient(left, #D0E0FF, #F0F8FF);
	padding-top:12px;
	overflow:auto;
}	

@media screen and (min-width:640px) {
	.div_menu_group { border-right:#C0D0E0 1px solid; }
}

.div_menu_off {
	position:relative;
	box-sizing:border-box;
	margin:20px 10px;
	height:50px;
	border-radius:4px;
	background-color:#FFFFFF;
	background-image:url(../icon/menu_forward_off.png);
	background-repeat:no-repeat;
	background-position:center right;
	background-size:30px 30px;
	padding-left:64px;
	color:#6080A0;
	font-size:18px;
	line-height:50px;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
}

.div_menu_on {
	position:relative;
	box-sizing:border-box;
	margin:20px 10px;
	height:50px;
	border-radius:4px;
	background-color:#0090FF;
	background-image:url(../icon/menu_forward_on.png);
	background-repeat:no-repeat;
	background-position:center right;
	background-size:30px 30px;
	padding-left:64px;
	color:#FFFFFF;
	font-size:18px;
	line-height:50px;
	-webkit-touch-callout: none;
	-webkit-user-select:none;
}

.div_menu_on img, .div_menu_off img {
	position:absolute;
	top:10px;
	left:16px;
	width:30px; 
	height:30px;
}

.div_field {
	position:absolute;
	z-index:3;
	top:40px;
	left:0;
	right:0;
	height:32px;
	border-bottom:#60A0FF 1px solid;
	background:rgba(230, 240, 255, 0.9);
}

.div_field_item {
	position:relative;
	box-sizing:border-box;
	float:left;
	margin:6px 0;
	height:20px;
	color:#0060C0;
	font-size:14px;
	line-height:20px;
	text-align:center;
	text-overflow:ellipsis;	  
	white-space:nowrap;	   
	overflow: hidden;
}

.div_field_border {
	border-right:#A0D0E0 1px solid;
}

.div_field_filler {
	position:relative;
	height:32px;
}

.div_sheet {
	position:absolute;
	top:72px;
	left:0;
	right:0;
	bottom:0;
	background:#FFFFFF;
	overflow:auto;
}

.div_row {
	position:relative;
	height:28px;
	border-bottom:#E0E0E0 1px solid;
}

.div_row_blue {
	position:relative;
	height:28px;
	background:#E0F0FF;
	border-bottom:#E0E0E0 1px solid;
}

.div_cell {
	position:relative;
	box-sizing:border-box;
	float:left;
	height:28px;
	padding:2px;
	color:#808080;
	font-size:12px;
	line-height:24px;
	text-align:center;
	text-overflow:ellipsis;	  
	white-space:nowrap;	   
	overflow: hidden;
}

.div_property {
	position:absolute;
	top:40px;
	bottom:0;
	left:0;
	right:0;
	padding:8px;
	background:#FFFFFF;
	overflow:auto;
}

.div_property_title {
	position:relative;
	margin-top:20px;
	height:24px;
	border-bottom:#0090FF 1px solid;
	background:url(../icon/next.png) no-repeat center left;
	background-size:12px 12px;
	padding-left:24px;
	font-size:14px;
	line-height:24px;
	color:#0090FF;
}

.div_property_row {
	position:relative;
	border-bottom:#E0E0E0 1px solid;
}

.div_property_label {
	position:absolute;
	top:0;
	left:0;
	width:100px;
	height:28px;
	color:#808080;
	font-size:14px;
	line-height:28px;
}

.div_property_content {
	position:relative;
	min-height:18px;
	padding:5px 5px 5px 100px;
	color:#0090FF;
	font-size:14px;
	line-height:18px;
	white-space:normal;	
	word-break:break-all;
}

.div_form {
	position:absolute;
	top:40px;
	bottom:0;
	left:0;
	right:0;
	padding:8px;
	background:#FFFFFF;
	overflow:auto;
}

.div_form_row {
	position:relative;
	border-bottom:#F0F0F0 1px solid;
	overflow:hidden;
}

.div_form_label {
	position:absolute;
	top:0;
	left:0;
	width:80px;
	height:48px;
	color:#808080;
	font-size:14px;
	line-height:48px;
}

.div_form_content {
	position:relative;
	margin-left:80px;
	padding:10px 0;
	color:#0090FF;
	font-size:14px;
	line-height:28px;
	overflow:hidden;
}
 
.div_form_prompt {
	position:relative;
	margin-left:80px;
	height:28px;
	padding:10px 0;
	color:#A0A0A0;
	font-size:14px;
	line-height:28px;
	overflow:hidden;
}

.div_form_check_on {
	position:relative;
	margin:6px 0;
	height:16px;
	background:url(../icon/filter_on.png) no-repeat left center;
	background-size:16px 16px;
	padding-left:20px;
	color:#808080;
	font-size:14px;
	line-height:16px;
}

.div_form_check_off {
	position:relative;
	margin:6px 0;
	height:16px;
	background:url(../icon/filter_off.png) no-repeat left center;
	background-size:16px 16px;
	padding-left:20px;
	color:#808080;
	font-size:14px;
	line-height:16px;
}

.div_switch_off, .div_switch_on {
	position:relative;
	float:left;
	height:28px;
	border:#0090FF 1px solid;
	border-right:none;
	padding:0 16px;
	font-size:14px;
	text-align:center;
	line-height:28px;
}

.div_switch_off {
	background:#FFFFFF;
	color:#0090FF;
}

.div_switch_on {
	background:#0090FF;
	color:#FFFFFF;
}

.div_switch_left {
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}

.div_switch_right {
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	border-right:#0090FF 1px solid;
}

.input_text {
	display:block;
	position:relative;
	width:80%;
	height:24px;
	border-radius:2px;
	border:#E0E0E0 1px solid;
	background:#F8F8F8;
	padding:1px;
	color:#606060;
	font-size:14px;
	line-height:24px;
	-webkit-appearance:none;
	outline:none;
	resize:none;
}

.input_file {
	display:block;
	opacity:0;
	height:8px;
	-webkit-appearance:none;
	outline:none;
	resize:none;
}

.input_textarea {
	display:block;
	position:relative;
	width:80%;
	height:60px;
	border-radius:2px;
	border:#E0E0E0 1px solid;
	background:#F8F8F8;
	padding:1px;
	color:#606060;
	font-size:14px;
	line-height:20px;
	-webkit-appearance:none;
	outline:none;
	resize:none;
}

.div_photo_group {
	position:relative;
	overflow:hidden;
}

.div_photo_add {
	position:relative;
	float:left;
	margin:8px;
	width:58px;
	height:58px;
	border:#E0E0E0 1px solid;
	border-radius:4px;
	color:#0090FF;
	font-size:36px;
	line-height:54px;
	text-align:center;
}	

.img_photo {
	display:block;
	position:relative;
	float:left;
	margin:8px;
	height:58px;
	border:#E0E0E0 1px solid;
	border-radius:4px;
}

.div_button_area {
	position:absolute;
	z-index:5;
	bottom:0;
	left:0;
	right:0;
	height:40px;
	padding:6px 12px;
	border-top:#C0D0E0 1px solid;
	background:#F0F8FF;
}
	
.div_button {
	position:relative;
	margin:8px auto;
	box-sizing:border-box;
	width:40%;
	height:28px;
	border-radius:4px;
	font-size:16px;
	line-height:28px;
	text-align:center;
}	

.div_button_2 {
	position:relative;
	float:left;
	margin:8px 10%;
	box-sizing:border-box;
	width:30%;
	height:28px;
	border-radius:4px;
	font-size:16px;
	line-height:28px;
	text-align:center;
}

.div_button_3 {
	position:relative;
	float:left;
	margin:8px 5%;
	box-sizing:border-box;
	width:23%;
	height:28px;
	border-radius:4px;
	font-size:16px;
	line-height:28px;
	text-align:center;
}

.div_button_off {
	background:#FFFFFF;
	color:#0090FF;
	border:#0090FF 1px solid;
}

.div_button_on {
	background:#0090FF;
	color:#FFFFFF;
}

.div_button_red {
	background:#FFFFFF;
	color:#FF0000;
	border:#C0C0C0 1px solid;
}

#div_guide {
	display:none;
	position:fixed;
	z-index:10;
	top:0;
	left:0;
	right:0;
	height:200px;
 	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
}

.div_guide_icon {
	position:absolute;
	right:10px;
	top:4px;
	width:54px;
	height:54px;
	background:url(../icon/guide_corner.png);
	background-size:100%;
}

.div_guide_label {
	position:absolute;
	right:60px;
	top:24px;
	line-height:20px;
	color:#FFFFFF;
	font-size:14px;
	text-align:right;
}

.div_list_item {
	position:relative;
	margin:0 8px;
	height:36px;
	border-bottom:#E0E0E0 1px solid;
	background:#FFFFFF;
	color:#A0A0A0;
	font-size:12px;
	text-align:center;
	line-height:36px;
}

.div_list_code {
	position:absolute;
	top:0;
	left:0;
	width:80px;
	height:36px;
	font-size:14px;
	line-height:36px;
	text-align:left;
	text-overflow:ellipsis;	  
	white-space:nowrap;	   
	overflow: hidden;
}

.div_list_name {
	position:absolute;
	top:0;
	left:80px;
	right:32px;
	height:36px;
	font-size:14px;
	line-height:36px;
	text-align:left;
	text-overflow:ellipsis;	  
	white-space:nowrap;	   
	overflow: hidden;
}

.div_list_del {
	position:absolute;
	top:0;
	right:0;
	width:36px;
	height:36px;
	background:url(../icon/del2.png) no-repeat center;
	background-size:20px 20px;
}	

.div_geo_group {
	position:absolute;
	top:40px;
	bottom:0;
	left:0;
	right:0;
	overflow:auto;
	padding:8px;
	background:#E0E0E0;
}

.div_geo_item {
	position:relative;
	float:left;
	box-sizing:border-box;
	border-bottom:#E0E0E0 1px solid;
	border-right:#E0E0E0 1px solid;
	width:50%;
	height:32px;
	background:#FFFFFF;
	padding:0 12px;
	color:#808080;
	font-size:14px;
	line-height:32px;
	text-overflow:ellipsis;	  
	white-space:nowrap;	   
	overflow: hidden;
}

.div_coming_label {
	margin:30px; 
	color:#808080; 
	text-align:center; 
}

.img_coming_icon { 
	display:block; 
	margin:10px auto; 
	width:128px; 
	height:128px; 
}

.div_preview_area {
	position:absolute;
	top:20px;
	left:20px;
	right:20px;
	bottom:60px;
}

#img_preview {
	display:block;
	position:relative;
	max-width:100%;
	max-height:100%;
	margin:0 auto;
}

.div_upload_area {
	position:absolute;
	left:40px;
	right:40px;
	bottom:30px;
	height:30px;
}

.div_upload_bar {
	position:relative;
	margin:0 auto;
	width:200px;
	height:8px;
	border:#0090FF 1px solid;
	border-radius:4px;
}

#div_upload_percent {
	position:absolute;
	top:2px;
	left:2px;
	width:2px;
	height:4px;
	border-radius:3px;
	background:#0090FF;
}

.div_upload_info {
	position:relative;
	margin:0 auto;
	width:200px;
	height:20px;
}

#div_upload_number {
	position:absolute;
	left:2px;
	top:0;
	height:20px;
	color:#0090FF;
	font-size:10px;
	line-height:20px;
}

#div_upload_status {
	position:absolute;
	left:60px;
	right:60px;
	top:0;
	height:20px;
	color:#0090FF;
	font-size:10px;
	line-height:20px;
	text-align:center;
}

#div_upload_size {
	position:absolute;
	right:2px;
	top:0;
	height:20px;
	color:#0090FF;
	font-size:10px;
	line-height:20px;
	text-align:right;
}