body{
	margin:0px;
	padding:0px;
	font-family:arial;
}
#message{
	position:absolute;
	width:100%;
	top:50%;
	left:50%;
	padding:30px 0px 30px 0px;
	transform:translate(-50%,-50%);	
	background-color:#333333;
	box-shadow:0px 4px 8px #666666;
	color:#ffffff;
	text-align:center;
	cursor:pointer;
	z-index:9999;
}
.hide{
	display:none;
}
.waiting{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background-image:url(icon/framework_waiting.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#ffffff;
	z-index:99999;
}
#header{
	position:relative;
	height:50px;
	line-height:50px;
	background-color:#660000;
	color:#ffffff;	
	box-shadow:0px 4px 8px #666666;	
}
#body{
	position:relative;
	height:calc(100% - 100px);
	overflow-x:hidden;
	overflow-y:auto;
}
#footer{
	position:relative;
	height:50px;
}
.div_lbl{
	padding:10px 10px 10px 10px;
}
.div_ipt{
	padding:5px 10px 5px 10px;
}
.div_cmd{
	padding:10px 10px 10px 10px;
}
.div_clear{
	clear:both;
}
input[type=text]{
	width:100%;
	height:30px;	
	padding-left:5px;
	border-radius:5px;
	border-style:solid;
	border-width:1px;
	color:#660000;
	border-color:#660000;
	background-color:#FFFFFF;
	box-shadow:2px 2px 8px #666666;		
	cursor:pointer;
}
input[type=email]{
	width:100%;
	height:30px;	
	padding-left:5px;
	border-radius:5px;
	border-style:solid;
	border-width:1px;
	color:#660000;
	border-color:#660000;
	background-color:#FFFFFF;
	box-shadow:2px 2px 8px #666666;
	text-align:center;
	cursor:pointer;
}
input[type=tel]{
	width:100%;
	height:30px;
	border-radius:5px;
	border-style:solid;
	border-width:1px;
	color:#666666;
	border-color:#660000;
	background-color:#FFFFFF;
	box-shadow:2px 2px 8px #666666;	
}
textarea{
	width:100%;
	height:150px;
	border-radius:5px;
	border-style:solid;
	border-width:1px;
	color:#666666;
	border-color:#660000;
	background-color:#FFFFFF;
	box-shadow:2px 2px 8px #666666;	
}
input[type=password]{
	width:100%;
	height:30px;	
	padding-left:5px;
	border-radius:5px;
	border-style:solid;
	border-width:1px;
	color:#660000;
	border-color:#660000;
	background-color:#FFFFFF;
	box-shadow:2px 2px 8px #666666;	
	text-align:center;
	cursor:pointer;
}
select{
	width:100%;
	height:30px;
	border-radius:5px;
	border-style:solid;
	border-width:1px;
	color:#666666;
	border-color:#660000;
	background-color:#FFFFFF;
	box-shadow:2px 2px 8px #666666;	
	cursor:pointer;
}
.tab{
	width:calc(100% - 15px);
	height:38px;
	line-height:38px;
	padding:0 0 0 15px;
	background-color:#660000;
	color:#ffffff;
	border-style:solid;
	border-width:1px 0 1px 0;
	border-color:#ffffff;
	cursor:pointer;	
}
.tab_content{
	width:calc(100% - 30px);
	height:calc(100% - 270px);
	overflow-x:hidden;
	overflow-y:auto;
	padding:15px;	
}
.setting_mission_day{
	margin-left:15px;
}
hr{
	margin:10px 0 30px 0;
	padding:0px;
}
h3{
	margin:15px 0 15px 0;
	padding:0px;	
}
.div_hr{
	margin:40px 0 10px 0;
	padding:0px;		
}
/* ----------------------------------------- MOBILE ----------------------------------------- */	
@media screen and (max-width:999px){	
	.login_box{
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		border-style:solid;
		border-width:1px;
		border-color:#660000;
		border-radius:5px;
		padding:15px;
	}	
	.menu{
		position:absolute;		
		width:50px;		
		height:50px;
		line-height:50px;
		top:0px;
		left:0px;		
		background-image:url(icon/framework_menu.png);
		background-position:center;
		background-size:30px 30px;
		background-repeat:no-repeat;
	}	
	.menu div{
		display:none;
	}
	.menu_show{
		position:absolute;
		width:100%;
		height:100%;
		top:0px;
		left:0px;
		background-color:#660000;
		color:#ffffff;
		z-index:9999;
	}
	.menu_show div{
		padding:15px;		
		display:block;
		cursor:pointer;
	}
	.div_center{
		position:absolute;
		min-width:100%;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
	}
	.button{
		float:right;
		width:100px;
		height:30px;
		line-height:30px;
		padding:0 5px 0 5px;
		margin:0 10px 0 10px;
		background-color:#660000;
		color:#ffffff;	
		box-shadow:0px 4px 8px #666666;	
		border-radius:5px;
		text-align:center;
		cursor:pointer;
		overflow:hidden;
	}	
	.customer{
		width:98%;
		margin:10px 0% 10px 0%;
		padding:1%;
		border-style:solid;
		border-color:#990000;
		border-width:0 0 1px 0;
		cursor:pointer;
	}
	.customer_radio{
		float:left;
		width:50px;
		height:120px;
		overflow:auto;
	}	
	.customer_radio input[type=radio]{
		width:20px;
		height:20px;
		margin:50px 15px 50px 15px;
		padding:0px;
	}
	.customer_identity{
		float:left;
		width:calc(100% - 50px);
		height:120px;
		overflow:auto;
	}
	.customer_identity p{
		margin:0px;
		padding:0px;
		height:30px;
		line-height:30px;
	}
	.customer_identity a{
		margin:0px;
		padding:0px;
	}	
	.customer_identity h3{
		margin:0px;
		padding:0px;
		height:30px;
		line-height:30px;		
	}	
	.customer_off{
		color:red;
		text-decoration:line-through;
	}	
	.customer_break_line{
		clear:both;
	}
	.customer_info{
		float:left;
		width:calc(100% - 50px);
		margin:0 50px 0 0;
	}
	.customer_info_schedule{
		margin:0px;
		padding:0px;
		height:30px;
		line-height:30px;
		text-align:center;
	}			
	.customer_info_rgpd{
		margin:0px;
		padding:0px;
		height:30px;
		line-height:30px;
		font-size:10px;
		text-align:right;
	}
	.customer_form{
		width:calc(100% - 30px);
		margin:10px 0 10px 0;
		padding:15px;
	}
	.customer_form_status_on{
		width:100%;
		height:30px;
		line-height:30px;
		background-image:url(icon/status_on.png);
		background-position:center right;
		background-repeat:no-repeat;
		background-size:contain;
		cursor:pointer;
	}
	.customer_form_status_off{
		width:100%;
		height:30px;
		line-height:30px;
		background-image:url(icon/status_off.png);
		background-position:center right;
		background-repeat:no-repeat;
		background-size:contain;
		cursor:pointer;
	}
	.product{
		width:98%;
		height:150px;
		margin:10px 0% 10px %;
		padding:1%;
		border-style:solid;
		border-color:#990000;
		border-width:0 0 1px 0;
	}
	.product_radio{
		float:left;
		width:50px;
	}	
	.product_radio input[type=radio]{
		width:20px;
		height:20px;
		margin:65px 15px 65px 15px;
		padding:0px;
	}
	.product_detail{
		float:left;
		overflow:auto;
	}
	.product_detail p{
		margin:0px;
		padding:0px;
		height:30px;
		line-height:30px;
	}
	.product_detail a{
		margin:0px;
		padding:0px;
	}	
	.product_detail h3{
		margin:0px;
		padding:0px;
		height:30px;
		line-height:30px;		
	}
	.product_off{
		color:red;
		text-decoration:line-through;
	}
	.product_form{
		width:calc(100% - 30px);
		margin:10px 0 10px 0;
		padding:15px;
	}
	.product_form_status_on{
		width:100%;
		height:30px;
		line-height:30px;
		background-image:url(icon/status_on.png);
		background-position:center right;
		background-repeat:no-repeat;
		background-size:contain;
		cursor:pointer;
	}
	.product_form_status_off{
		width:100%;
		height:30px;
		line-height:30px;
		background-image:url(icon/status_off.png);
		background-position:center right;
		background-repeat:no-repeat;
		background-size:contain;
		cursor:pointer;
	}
	.mission{
		width:98%;
		height:150px;
		margin:10px 0% 10px %;
		padding:1%;
		border-style:solid;
		border-color:#990000;
		border-width:0 0 1px 0;
	}
	.mission_icon{
		float:left;
		width:30px;
		height:150px;
		margin-right:15px;
	}
	.mission_1{
		float:left;
		width:30px;
		height:150px;
		margin-right:15px;
		background-image:url(icon/mission.png);
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;
	}
	.mission_2{
		float:left;
		width:30px;
		height:150px;
		margin-right:15px;
		background-image:url(icon/event.png);
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;
	}
	.mission_3{
		float:left;
		width:30px;
		height:150px;
		margin-right:15px;
		background-image:url(icon/holiday.png);
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;
	}
	.mission_4{
		float:left;
		width:30px;
		height:150px;
		margin-right:15px;
		background-image:url(icon/warning.png);
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;
	}
	.mission_detail{
		max-width:calc(100% - 45px);
		float:left;
		overflow:hidden;
	}
	.mission_detail p{
		margin:0px;
		padding:0px;
		height:30px;
		line-height:30px;
	}
	.mission_detail a{
		margin:0px;
		padding:0px;
	}	
	.mission_detail h3{
		margin:0px;
		padding:0px;
		height:30px;
		line-height:30px;	
		overflow:hidden;		
	}
	.mission_off{
		color:red;
		text-decoration:line-through;
	}
	.place_where{
		width:98%;
		height:120px;
		margin:10px 0% 10px 0%;
		padding:1%;
		border-style:solid;
		border-color:#990000;
		border-width:0 0 1px 0;
	}	
	.place{
		width:98%;
		height:60px;
		margin:10px 0% 10px 0%;
		padding:1%;
		border-style:solid;
		border-color:#990000;
		border-width:0 0 1px 0;
	}
	.place_radio{
		float:left;
		width:50px;
		height:60px;
		overflow:auto;
	}	
	.place_radio input[type=radio]{
		width:20px;
		height:20px;
		margin:20px 15px 20px 15px;
		padding:0px;
	}
	.place_identity{
		float:left;
		width:calc(100% - 50px);
		height:60px;
		overflow:auto;
	}
	.place_identity p{
		margin:0px;
		padding:0px;
		height:30px;
		line-height:30px;
	}
	.place_identity a{
		margin:0px;
		padding:0px;
	}	
	.place_identity h3{
		margin:0px;
		padding:0px;
		height:30px;
		line-height:30px;		
	}	
	.place_off{
		color:red;
		text-decoration:line-through;
	}	
	.place_form{
		width:calc(100% - 30px);
		margin:10px 0 10px 0;
		padding:15px;
	}
	.place_form_status_on{
		width:100%;
		height:30px;
		line-height:30px;
		background-image:url(icon/status_on.png);
		background-position:center right;
		background-repeat:no-repeat;
		background-size:contain;
		cursor:pointer;
	}
	.place_form_status_off{
		width:100%;
		height:30px;
		line-height:30px;
		background-image:url(icon/status_off.png);
		background-position:center right;
		background-repeat:no-repeat;
		background-size:contain;
		cursor:pointer;
	}		
	.setting_mission_day{
		margin:10px 0 10px 0;
	}
}
/* --------------------------------------------- COMPUTER --------------------------------------------- */	
@media screen and (min-width:1000px){	
	.login_box{
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		border-style:solid;
		border-width:1px;
		border-color:#660000;
		border-radius:5px;
		padding:15px;
	}
	.menu{
		position:absolute;		
		height:50px;
		line-height:50px;
		top:0px;
		left:0px;
		color:#ffffff;
	}	
	.menu div{
		float:left;
		width:125px;		
		text-align:center;
		cursor:pointer;
	}	
	.menu div:hover{
		float:left;
		width:125px;		
		text-align:center;
		background-color:#990000;
		cursor:pointer;
	}
	.menu_show{
		position:absolute;
		height:50px;
		line-height:50px;
		top:0px;
		left:0px;	
		color:#ffffff;		
	}	
	.menu_show div{
		float:left;
		width:150px;		
		text-align:center;
		cursor:pointer;
	}	
	.menu_show div:hover{
		float:left;
		width:150px;		
		text-align:center;
		background-color:#990000;
		cursor:pointer;
	}
	.div_center{
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
	}
	.button{
		float:right;
		width:100px;
		height:30px;
		line-height:30px;
		padding:0 5px 0 5px;
		margin:0 10px 0 10px;
		background-color:#660000;
		color:#ffffff;	
		box-shadow:0px 4px 8px #666666;	
		border-radius:5px;
		text-align:center;
		cursor:pointer;
		overflow:hidden;
	}		
	.customer{
		width:68%;
		height:120px;
		margin:10px 15% 10px 15%;
		padding:1%;
		border-style:solid;
		border-color:#990000;
		border-width:1px;
		border-radius:5px;
		cursor:pointer;
	}
	.customer_radio{
		float:left;
		width:50px;
		height:120px;
		overflow:auto;
	}	
	.customer_radio input[type=radio]{
		width:20px;
		height:20px;
		margin:50px 15px 50px 15px;
		padding:0px;
	}
	.customer_identity{
		float:left;
		width:calc(60% - 50px);
		height:120px;
		overflow:auto;
	}
	.customer_identity p{
		margin:0px;
		padding:0px;
		height:30px;
		line-height:30px;
	}
	.customer_identity a{
		margin:0px;
		padding:0px;
	}	
	.customer_identity h3{
		margin:0px;
		padding:0px;
		height:30px;
		line-height:30px;		
	}	
	.customer_off{
		color:red;
		text-decoration:line-through;
	}	
	.customer_info{
		float:left;
		width:calc(40% - 50px);
		height:120px;
		overflow:auto;
	}
	.customer_info_schedule{
		margin:0px;
		padding:0px;
		height:30px;
		line-height:30px;
		text-align:center;
	}			
	.customer_info_rgpd{
		margin:0px;
		padding:0px;
		height:30px;
		line-height:30px;
		font-size:10px;
		text-align:right;
	}
	.customer_form{
		width:calc(50% - 30px);
		margin:10px 25% 10px 25%;
		padding:15px;
		border-style:solid;
		border-color:#990000;
		border-width:1px;
		border-radius:5px;
	}
	.customer_form_status_on{
		width:100%;
		height:30px;
		line-height:30px;
		background-image:url(icon/status_on.png);
		background-position:center right;
		background-repeat:no-repeat;
		background-size:contain;
		cursor:pointer;
	}
	.customer_form_status_off{
		width:100%;
		height:30px;
		line-height:30px;
		background-image:url(icon/status_off.png);
		background-position:center right;
		background-repeat:no-repeat;
		background-size:contain;
		cursor:pointer;
	}
	.product{
		width:38%;
		height:150px;
		margin:10px 30% 10px 30%;
		padding:1%;
		border-style:solid;
		border-color:#990000;
		border-width:1px;
		border-radius:5px;
	}
	.product_radio{
		float:left;
		width:50px;
		height:90px;
	}	
	.product_radio input[type=radio]{
		width:20px;
		height:20px;
		margin:35px 15px 35px 15px;
		padding:0px;
	}
	.product_detail{
		float:left;
		height:150px;
		overflow:auto;
	}
	.product_detail p{
		margin:0px;
		padding:0px;
		height:30px;
		line-height:30px;
	}
	.product_detail a{
		margin:0px;
		padding:0px;
	}	
	.product_detail h3{
		margin:0px;
		padding:0px;
		height:30px;
		line-height:30px;		
	}
	.product_off{
		color:red;
		text-decoration:line-through;
	}
	.product_form{
		width:calc(50% - 30px);
		margin:10px 25% 10px 25%;
		padding:15px;
		border-style:solid;
		border-color:#990000;
		border-width:1px;
		border-radius:5px;
	}
	.product_form_status_on{
		width:100%;
		height:30px;
		line-height:30px;
		background-image:url(icon/status_on.png);
		background-position:center right;
		background-repeat:no-repeat;
		background-size:contain;
		cursor:pointer;
	}
	.product_form_status_off{
		width:100%;
		height:30px;
		line-height:30px;
		background-image:url(icon/status_off.png);
		background-position:center right;
		background-repeat:no-repeat;
		background-size:contain;
		cursor:pointer;
	}
	.mission{
		width:58%;
		height:150px;
		margin:10px 20% 10px 20%;
		padding:1%;
		border-style:solid;
		border-color:#990000;
		border-width:1px;
		border-radius:5px;
	}
	.mission_icon{
		float:left;
		width:50px;
		height:150px;
		margin-right:30px;
	}	
	.mission_1{
		float:left;
		width:50px;
		height:150px;
		margin-right:30px;
		background-image:url(icon/mission.png);
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;
	}		
	.mission_2{
		float:left;
		width:50px;
		height:150px;
		margin-right:30px;
		background-image:url(icon/event.png);
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;
	}		
	.mission_3{
		float:left;
		width:50px;
		height:150px;
		margin-right:30px;
		background-image:url(icon/holiday.png);
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;
	}			
	.mission_4{
		float:left;
		width:50px;
		height:150px;
		margin-right:30px;
		background-image:url(icon/warning.png);
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;
	}		
	.mission_detail{
		float:left;
		height:150px;
		overflow:auto;
	}
	.mission_detail p{
		margin:0px;
		padding:0px;
		height:30px;
		line-height:30px;
	}
	.mission_detail a{
		margin:0px;
		padding:0px;
	}	
	.mission_detail h3{
		margin:0px;
		padding:0px;
		height:30px;
		line-height:30px;		
	}
	.mission_off{
		color:red;
		text-decoration:line-through;
	}
	.mission_form{
		width:calc(50% - 30px);
		margin:10px 25% 10px 25%;
		padding:15px;
		border-style:solid;
		border-color:#990000;
		border-width:1px;
		border-radius:5px;
	}
	.mission_form_status_on{
		width:100%;
		height:30px;
		line-height:30px;
		background-image:url(icon/status_on.png);
		background-position:center right;
		background-repeat:no-repeat;
		background-size:contain;
		cursor:pointer;
	}
	.mission_form_status_off{
		width:100%;
		height:30px;
		line-height:30px;
		background-image:url(icon/status_off.png);
		background-position:center right;
		background-repeat:no-repeat;
		background-size:contain;
		cursor:pointer;
	}
	.place_where{
		width:68%;
		height:120px;
		margin:10px 15% 10px 15%;
		padding:1%;
		border-style:solid;
		border-color:#990000;
		border-width:1px;
		border-radius:5px;
	}	
	.place{
		width:68%;
		height:60px;
		margin:10px 15% 10px 15%;
		padding:1%;
		border-style:solid;
		border-color:#990000;
		border-width:1px;
		border-radius:5px;
	}
	.place_radio{
		float:left;
		width:50px;
		height:60px;
		overflow:auto;
	}	
	.place_radio input[type=radio]{
		width:20px;
		height:20px;
		margin:20px 15px 20px 15px;
		padding:0px;
	}
	.place_identity{
		float:left;
		width:calc(100% - 50px);
		height:60px;
		overflow:auto;
	}
	.place_identity p{
		margin:0px;
		padding:0px;
		height:30px;
		line-height:30px;
	}
	.place_identity a{
		margin:0px;
		padding:0px;
	}	
	.place_identity h3{
		margin:0px;
		padding:0px;
		height:30px;
		line-height:30px;		
	}	
	.place_off{
		color:red;
		text-decoration:line-through;
	}	
	.place_form{
		width:calc(50% - 30px);
		margin:10px 25% 10px 25%;
		padding:15px;
		border-style:solid;
		border-color:#990000;
		border-width:1px;
		border-radius:5px;
	}
	.place_form_status_on{
		width:100%;
		height:30px;
		line-height:30px;
		background-image:url(icon/status_on.png);
		background-position:center right;
		background-repeat:no-repeat;
		background-size:contain;
		cursor:pointer;
	}
	.place_form_status_off{
		width:100%;
		height:30px;
		line-height:30px;
		background-image:url(icon/status_off.png);
		background-position:center right;
		background-repeat:no-repeat;
		background-size:contain;
		cursor:pointer;
	}	
	.setting_mission_day{
		float:left;
	}	
}