@media screen and (min-width:600px) {

	html {
	margin:0px;
	background:#f5f5f5;
	}

	a:link { color: #000000; text-decoration: none;}
	a:visited { color: #000000; text-decoration: none;}
	a:hover { color: #000000; text-decoration: none;}


	input[type="text"] {
	outline:none;
	}
	input[type="number"] {
	outline:none;
	}
	input[type="password"] {
	outline:none;
	}




	body {
	margin:0px;
	background:#f5f5f5;
	 /* -webkit-touch-callout: none;
			user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			-webkit-user-select: none; */
	}


	.container {
	margin:0px 0px 0px 0px;
	}

	.left {
	position:fixed;
	border-right:1px solid #cccccc;
	left:0px;
	top:50px;
	z-index:99;
	width:200px;
	height:100%;
	min-height:1100px;
	background:#fff;
	padding:0px 0px 0px 0px;
	}

	.right {
	position:absolute;
	top:0px;
	left:0px;
	z-index:90;
	height:100%;
	width:80%;
	margin:0px 0px 0px 220px;
	background:#f5f5f5 ;
	min-height:1100px;
	padding:0px 0px 50px 0px;
	}

	.center {
	width:100%;
	height:100%;
	background:#1d1c46 ;
	min-height:1100px;
	padding:0px 0px 50px 0px;
	}

	.sector {
		position:fixed;
		display:inline-block;
		background:#3f536b;
		margin:0px;
		color:#dfdfdf;
		width:100%;
		padding:0px;
		z-index:10;
	}
	.header {
		position:fixed;
		top:0px;
		left:0px;
		background:#1d1c46;
		padding:4px 0px;
		width:100%;
		z-index:9999;
	}
	.title_box {
		width:185px;
		font-size:9pt;
		display:inline-block;
		padding:10px 0px 10px 15px;
	}
	.title_box > div {
		padding:5px;
	}

	.top_menu_box {
	
		display:inline-block;
		padding:0px 0px 0px 0px;
	}

	.top_right_box {
		float:right;
		color:#fff;
	}



	.permission_div {
	display:inline-block;
	border:0px solid red;
	}
	.logout_div {
	margin:0px 10px 0px 0px;
	display:inline-block;
	}


	.menu_view_btn {
		display:none;
	}

	.top_menu {
		display:table;
		list-style:none;
		margin:0px auto;
		width:100%;
		padding:10px;
		z-index:0;
	}
	.top_menu > li {
		display:table-cell;
		background:#3f536b;
		color:white;
		padding:10px 30px;
	}

	.top_menu > .menu_select {
		border-bottom:5px solid gold;
	}

	.top_menu > li > a:link { color: white; text-decoration: none;}
	.top_menu > li > a:visited { color: white; text-decoration: none;}
	.top_menu > li > a:hover { color: white; text-decoration: none;}

	.left_menu {
		position:absolute;
		left:0px;
		width:200px;
		border-right:1px solid #cccccc;
		list-style:none;
		margin:0px 0px 0px 0px;
		padding:0px 0px 50px 0px;
		font-size:10pt;
	}

	.left_menu > div.name_tag {
		font-size:10pt;
		background:#ffffff;
		margin:0px 0px 0px 0px;
		color:#000;
		font-weight:bold;
		font-size:10pt;
		padding:15px 20px;
	}

	

	.left_menu_ul {
		border-bottom:1px solid #cccccc;
		padding:0px 0px 10px 0px;
		list-style:none;
		font-size:10pt;
		margin:0px;
		font-size:10pt;
		background:#ffffff;
	}

	.left_menu_ul > li {
	
		margin:0px 0px 0px 0px;
		padding:6px 0px 6px 20px;
	
	}

	.left_menu_ul > li:hover {
		margin:0px 0px 0px 0px;
		padding:6px 0px 6px 20px;
		
		background:#eaeaea;
	}

	.left_menu_ul > li > a {
		width:100%;
		
	}

	.menu_select {	
		background:#dfebfd;
		outline:0px solid #aaa;
		font-weight:bold;
		color:#265db8 !important;
	}

	.left_menu_ul > li.menu_select > a  {
		color:#000;
		width:100%;
	}


	.logout_left {
	display:none;
	margin:10px;
	}


	


	.information_form {
	list-style:none;
	margin:0px;
	padding:0px;
	}
	.information_form > li {
	margin:20px 0px;
	position:relative;
	}
	.information_form > li > b {
	font-size:12pt;
	width:130px;
	display:inline-block;
	color:#87674f;
	margin:3px 10px 10px 0px;
	}
	.information_form > li > input[type="text"] {
	border:0px;
	padding:10px 0px;
	border-bottom:1px solid #ababab;
	background:none;
	font-size:12pt;
	outline: none;
	width:100%;
	}
	.information_form > li > input[type="password"] {
	border:0px;
	padding:10px 0px;
	border-bottom:1px solid #ababab;
	background:none;
	font-size:12pt;
	outline: none;
	width:60%;
	}
	.information_form > li > select {
	border:0px;
	padding:5px 5px;
	border:1px solid #ababab;
	background:none;
	font-size:12pt;
	outline: none;
	-moz-border-radius:3px;
		-webkit-border-radius:3px;
	}


	input[type="text"] {
		padding: .3em .3em; /* 여백으로 높이 설정 */
		font-family: inherit;  /* 폰트 상속 */
		border: 1px solid #999;
		border-radius: 0px; /* iOS 둥근모서리 제거 */
		appearance: none;
	}
	input[type="password"] {
		padding: .3em .3em; /* 여백으로 높이 설정 */
		font-family: inherit;  /* 폰트 상속 */
		border: 1px solid #999;
		border-radius: 0px; /* iOS 둥근모서리 제거 */
		appearance: none;
	}


	input[type="number"] {
		padding: .3em .3em; /* 여백으로 높이 설정 */
		font-family: inherit;  /* 폰트 상속 */
		border: 1px solid #999;
		border-radius: 0px; /* iOS 둥근모서리 제거 */
		appearance: none;
	}



	select {

		padding: .3em .3em; /* 여백으로 높이 설정 */
		font-family: inherit;  /* 폰트 상속 */
		border: 1px solid #999;
		border-radius: 0px; /* iOS 둥근모서리 제거 */

	}



	.normal_form {
			border:1px solid #ababab;
			padding:10px;
			margin:0px auto;
			list-style:none;
			width:100%;
			max-width:450px;
			background:#f1f1f1;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border-radius:5px;
			background:#ffffff;
		}
		.normal_form > li {
			position:relative;
			padding:5px;
			text-align:left;
			list-style:none;
		}
		.normal_form > li > h3 {
			padding:0px;
			margin:0px 0px 20px 0px;
			line-height:170%;
		}
		.normal_form > li > span {
			font-weight:bold;
			width:30%;
			padding:5px;
			text-align:left;
			list-style:none;
		}
		.normal_form > li > input[type="text"] {
			padding: 0.3em; /* 여백으로 높이 설정 */
			border:0px;
			border-bottom: 1px solid #999;
			border-radius: 0px; /* iOS 둥근모서리 제거 */
			appearance: none;
			width:70%;
			font-size:12pt;
		}
		.normal_form > li > input[type="password"] {
			padding: 0.3em; /* 여백으로 높이 설정 */
			border: 1px solid #999;
			border-radius: 0px; /* iOS 둥근모서리 제거 */
			appearance: none;
			width:70%;
			font-size:12pt;
		}


	.member_state_numbers {
		font-size:10pt;
		display:inline-block;
		background:#fff;
		padding:10px;
		border:1px solid #ababab;
		margin:0px 0px 0px 0px;
		border-left:0px;
	}

	.date_navigator {
		padding:0px 0px 0px 0px;
		margin:3px 0px;
		font-size:15pt;
	}

	.date_navigator > span.title {
		font-size:15pt;
		font-weight:bold;
	}

	.date_navigator > span.sub {
		font-size:10pt;
		color:#777;
	}

	.date_navigator_toolbox {
		display:table;
		border:0px solid #ababab;
		padding:0px 0px;
		margin:10px 0px;
		background:none;
	}

	.date_navigator_toolbox > div {
		display:table; float:left;
	}


	#search_box_1 {
		font-size:12pt;
		display:block;
		background:#fff;
		padding:10px;
		border:1px solid #ababab;
		border-left:0px;
		float:left;
		width:120px;
		border-radius:0px 5px 5px 0px !important;
		margin:0px 0px 0px 0px;
	}

	.search_btn {
		font-size:12pt;
		display:block;
		padding:10px;
		color:red;
		float:left;
		margin:0px 0px 0px 10px;
	}


	#set_date {
		font-size:12pt;
		font-weight:bold;
		cursor:pointer;
		width:110px;
		text-align:center;
		border:1px solid #ababab;
		padding:10px;
		outline:none;
		margin:0px 0px 0px 0px;
	}



	.round_box {
			border:1px solid #ababab;
			padding:10px;
			list-style:none;
			width:100%;
			max-width:450px;
			background:#f1f1f1;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border-radius:5px;
			background:#ffffff;
		}
		.round_box > li {
			position:relative;
			padding:5px;
			text-align:left;
			list-style:none;
		}
		.round_box > li > h3 {
			padding:0px;
			margin:0px 0px 20px 0px;
			line-height:170%;
		}
		.round_box > li > span {
			font-weight:bold;
			width:30%;
			padding:5px;
			text-align:left;
			list-style:none;
		}


	.chart_list {
	list-style:none;
	padding:0px;
	margin:0px;
	}
	.chart_list > li {
	position:relative;
	border-bottom:1px solid #dfdfdf;
	padding:10px 0px;
	}


	#black_screen {
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:rgba(0,0,0,0.5);
	visibility:hidden;
	z-index:9999;
	}

	#clrdr_black_screen {
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:rgba(0,0,0,0.5);
	visibility:hidden;
	z-index:999999;
	}

	#popup_window {
	position:fixed;
	width:100%;
	top:0px;
	left:0px;
	z-index:99999;
	}

	.list_block:hover {
		background:lightgreen;
	}

	.list_block {
	width:140px;
	font-size:10pt;
	padding:10px 10px 13px 10px;
	margin:0px 12px 10px 0px;
	display:inline-block;
	-webkit-border-radius:0.3em;
	background:#ffffff;
	position:relative;
	-moz-box-shadow: 1px 1px 1px 0.2px #dfdfdf;
	-webkit-box-shadow: 1px 1px 1px 0.2px #dfdfdf;
	box-shadow:1px 1px 1px 0.2px #dfdfdf; cursor:pointer;
	}

	.new_member {

	}

	.list_block_img {
	width:150px;

	font-size:10pt;
	border: 0px solid #ababab;
	padding: 0px 0px 10px 0px ;
	margin:0px 0px 0px 0px;


	background:#ffffff;
	position:relative;

	}

	.save_sign{
	background:#28B463; border:1px solid #1E8449; color:#fff; font-weight:bold; padding:10px 20px; border-radius:5px; margin:3px 0px;
	}

	.create_membership {
	list-style:none;
	margin:0px;
	padding:0px;
	}
	.create_membership > li {
	padding:0px 0px 20px 0px;
	}


	.create_membership > li > div {

	}

	.create_membership > li > div > h4 {
	padding:0px;
	font-size:12pt;
	margin:0px 0px 10px 0px;
	}

	.create_membership > li > div > input[type="text"] {
	width:100%;
	border:1px solid #ababab;
	padding:10px;
	border-radius:5px;
	background:#E5E8E8;
	outline:none;
	}

	.create_membership > li > div > input[type="password"] {
	width:100%;
	border:1px solid #ababab;
	padding:10px;
	border-radius:5px;
	background:#E5E8E8;
	outline:none;
	}

	.create_membership > li > div > input[type="number"] {
	width:100px;
	border:1px solid #ababab;
	padding:5px;
	border-radius:5px;
	background:#E5E8E8;
	outline:none;
	}

	.setup_membership_sort {
	list-style:none;
	padding:5px;
	margin:5px 0px;
	border-radius:5px;
	background: #D5DBDB;
	border:1px solid #ababab;
	position:relative;
	}



	.pg_calendar {
	width:100%;

	}
	.pg_calendar th {
	padding:10px 0px;
	}
	.pg_calendar th {
		font-weight:normal;
		padding:8px 12px;
		font-size:9pt;
		background:#34495E;
		border-bottom:1px solid #212F3C;
		color:#fff;
		text-align:center;
		border-right:1px solid #2E4053;
	}

	.pg_calendar th:last-child {
	border-right:0px;
	}

	.pg_calendar td {
		text-align: center;
		padding:0.5em;
		font-size:9pt;
		border-top:1px solid #ababab;
		border-left:1px solid #dfdfdf;

	}

	.pg_calendar td:first-child {
		border-left:1px solid #ababab;
	}

	.pg_calendar td:last-child {
		border-right:1px solid #ababab;
	}


	.pg_calendar tr:last-child > td {
		border-bottom:1px solid #ababab;
	}

	.membership_button_style {
	width:150px;
	border: 1px solid #ababab;
	padding:10px;
	margin:5px;
	float:left;
	-webkit-border-radius:0.3em; background:#ffffff; position:relative;
	-moz-box-shadow: 1px 1px 1px 0.2px #dfdfdf;
	-webkit-box-shadow: 1px 1px 1px 0.2px #dfdfdf;
	box-shadow:1px 1px 1px 0.2px #dfdfdf;
	cursor:pointer;
	}


	.member_name_box {
	float:left;
	cursor:pointer;
	border:1px solid #ababab;
	background:#fff;
	padding:5px 9px 7px 9px;
	margin:0px 5px 5px 0px;
	}

	.tab_menu {
	list-style:none;
	padding:0px;
	margin:0px;
	}
	.tab_menu > li {
	display:inline-block;
	padding:10px;
	margin:0px 0px 0px 0px;
	border:1px solid #444;
	background:#3f536b;

	}
	.tab_menu > li > a {
	color:#aaa;
	}

	.tab_menu > li.tab_select {
	background:#fff;
	}
	.tab_menu > li.tab_select > a {
	margin:0px;
	color:#000;
	font-weight:bold;
	}


	.ul_div_table {
	list-style:none;
	padding:0px;
	margin:0px;
	width:100%;

	}

	.ul_div_table > li {
	display: table-row;

	}

	.ul_div_table > li > div {
	display: table-cell;
	padding: 10px 10px 10px 0px;
	}

	.ul_div_table > li > div > span {
	font-size:10pt;
	color:#888;
	}



	.ul_div_table > li > div > input[type="text"] {
	padding:5px;
	border:1px solid #aaa;
	}

	.ul_div_table > li > div > input[type="number"] {
	padding:5px;
	border:1px solid #aaa;
	text-align:right;
	}

	.ul_div_table > li > div > select {
	padding:5px;
	border:1px solid #aaa;
	outline:none;
	}




	#control_panel{
		width:100%;
	}

	.login_page {
	width:100%; margin:0px 0px 0px 0px; padding:0px 0px; font-size:25pt; position:fixed;
	}

	.login_page > img {
	width:100%; margin-top:-100px;
	}

	.head_message > li {
	padding:7px 15px 10px 15px;
	margin:5px;
	border-radius:5px;
	background:#333;
	border:1px solid #000;
	}



	.pad_msg {
	position:fixed;
	width:270px;

	background:#ffffff;
	bottom:25px;
	right:17px;
	padding:0px;
	font-size:10pt;
	outline:1px solid rgba(0,0,0,0.3);
	box-shadow:1px 1px 3px rgba(0,0,0,0.5);
	border-radius:3px;
	}

	.pad_msg .contents_box .x_btn {
		position:absolute;
		font-size:8pt;
		padding:4px 7px 4px 7px;
		top:10px;
		right:10px;
		cursor:pointer;
	}

	.pad_msg .img_box {
		border-radius:3px 3px 0px 0px;
	}

	.pad_msg .img_box img {
		border-radius:3px 3px 0px 0px;
	}

	.pad_msg .contents_box {
		line-height:150%;
		padding:15px 30px 13px 15px;
		position:relative;
	}


}


/*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    */
/*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    */
/*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    */
/*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    */
/*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    */
/*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    */
/*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    */

/*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    */
/*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    */
/*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    */
/*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    */
/*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    */
/*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    */
/*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    *//*    모바일    */


@media screen and (max-width:599px) {


	a:link { color: #000000; text-decoration: none;}
	a:visited { color: #000000; text-decoration: none;}
	a:hover { color: #000000; text-decoration: none;}


	input[type="text"] {
	outline:none;
	}
	input[type="number"] {
	outline:none;
	}
	input[type="password"] {
	outline:none;
	}

	body {
	margin:0px;
	background:#f5f5f5 ;
	 /* -webkit-touch-callout: none;
			user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			-webkit-user-select: none; */
	}


	.container {
		margin:0px 0px 0px 0px;
	}

	.left {
		width:100%;
		background:#ffffff;
		height:100%;
		padding:50px 0px 0px 0px;
	}

	.right {
		width:100%;
		background:#f5f5f5 ;
		padding:30px 0px 0px 0px;
	}

	.center {
		width:100%;
		padding:0px 0px 50px 0px;
	}

	.header {
		position:absolute;
		top:0px;
		background:#1d1c46;
		width:100%;
		z-index:9999;
	}



	.title_box {
		padding:0px;
		display:none;
	}
	.title_box > div {
		display:inline-block;
		padding:20px 20px;
		text-align:left;
	}
	.menu_view_btn {
		display:inline-block;
		background:#21303A;
		padding:20px;
		color:#A2B0B9;
	}


	.top_menu_box {
		
		padding:0px 0px;
	}

	.top_right_box {
		color:#fff;
	}


	.top_menu {
			display:table;
			list-style:none;
			margin:0px auto;
			width:100%;
			padding:10px;
			z-index:0;
		}
		.top_menu > li {
			display:table-cell;
			background:#3f536b;
			color:white;
			padding:10px 30px;
		}

		.top_menu > .menu_select {
			border-bottom:5px solid gold;
		}

		.top_menu > li > a:link { color: white; text-decoration: none;}
		.top_menu > li > a:visited { color: white; text-decoration: none;}
		.top_menu > li > a:hover { color: white; text-decoration: none;}

	.permission_div {
		display:none;

	}
	.logout_div {
		display:none;
		margin:20px;
	}

	.logout_left {
		position:absolute;
		bottom:20px;
		right:40px;
	}



	.left_menu {
		display:none;
		list-style:none;
		width:95%;
		position:relative;
		margin:30px auto;
		padding:0px 0px 50px 0px;
		color:#fff;
		background:#fff;
		font-size:11pt;
	}

	.left_menu > div.name_tag {
		font-size:10pt;
		margin:10px;
		font-size:14pt;
	}

	.left_menu_ul {
		display:table-td;
		padding:0px;
		list-style:none;
		font-size:10pt;
		margin:10px;
	}


	.left_menu_ul > li {
		margin:0px;
		color:#fff;
		padding:10px 0px 10px 30px;
	}
	.left_menu_ul > li > a {
		color:#dfdfdf;
		font-weight:normal;
	}
	.left_menu_ul > .menu_select {
		font-weight:bold;
	}
	.left_menu_ul > .menu_select > a {
		color:lightgreen;
		font-weight:bold;
	}



	.information_form {
	list-style:none;
	margin:0px;
	padding:0px;
	}
	.information_form > li {
	margin:20px 0px;
	position:relative;
	}
	.information_form > li > b {
	font-size:12pt;
	width:130px;
	display:inline-block;
	color:#87674f;
	margin:3px 10px 10px 0px;
	}
	.information_form > li > input[type="text"] {
	border:0px;
	padding:10px 0px;
	border-bottom:1px solid #ababab;
	background:none;
	font-size:12pt;
	outline: none;
	width:60%;
	}
	.information_form > li > input[type="password"] {
	border:0px;
	padding:10px 0px;
	border-bottom:1px solid #ababab;
	background:none;
	font-size:12pt;
	outline: none;
	width:60%;
	}
	.information_form > li > select {
	border:0px;
	padding:5px 5px;
	border:1px solid #ababab;
	background:none;
	font-size:12pt;
	outline: none;
	-moz-border-radius:3px;
		-webkit-border-radius:3px;
	}


	input[type="text"] {
		padding: .3em .3em; /* 여백으로 높이 설정 */
		font-family: inherit;  /* 폰트 상속 */
		border: 1px solid #999;
		border-radius: 0px; /* iOS 둥근모서리 제거 */
		appearance: none;
	}
	input[type="password"] {
		padding: .3em .3em; /* 여백으로 높이 설정 */
		font-family: inherit;  /* 폰트 상속 */
		border: 1px solid #999;
		border-radius: 0px; /* iOS 둥근모서리 제거 */
		appearance: none;
	}


	input[type="number"] {
		padding: .3em .3em; /* 여백으로 높이 설정 */
		font-family: inherit;  /* 폰트 상속 */
		border: 1px solid #999;
		border-radius: 0px; /* iOS 둥근모서리 제거 */
		appearance: none;
	}



	select {

		padding: .3em .3em; /* 여백으로 높이 설정 */
		font-family: inherit;  /* 폰트 상속 */
		border: 1px solid #999;
		border-radius: 0px; /* iOS 둥근모서리 제거 */

	}


	.date_navigator {

	}


	.normal_form {
			border:1px solid #ababab;
			padding:10px;
			margin:0px auto;
			list-style:none;
			width:100%;
			max-width:450px;
			background:#f1f1f1;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border-radius:5px;
			background:#ffffff;
		}
		.normal_form > li {
			position:relative;
			padding:5px;
			text-align:left;
			list-style:none;
		}
		.normal_form > li > h3 {
			padding:0px;
			margin:0px 0px 20px 0px;
			line-height:170%;
		}
		.normal_form > li > span {
			font-weight:bold;
			width:30%;
			padding:5px;
			text-align:left;
			list-style:none;
		}
		.normal_form > li > input[type="text"] {
			padding: 0.3em; /* 여백으로 높이 설정 */
			border:0px;
			border-bottom: 1px solid #999;
			border-radius: 0px; /* iOS 둥근모서리 제거 */
			appearance: none;
			width:70%;
			font-size:12pt;
		}
		.normal_form > li > input[type="password"] {
			padding: 0.3em; /* 여백으로 높이 설정 */
			border: 1px solid #999;
			border-radius: 0px; /* iOS 둥근모서리 제거 */
			appearance: none;
			width:70%;
			font-size:12pt;
		}


	.member_state_numbers {
		font-size:12pt;
		display:block;
		background:#fff;
		padding:10px;
		border:1px solid #ababab;
		float:left;
		margin:0px 0px 0px 0px;
	}

	.datepicker_box {
		margin:0px 0px 10px 0px;
	}

	.date_navigator {
		padding:0px 0px 0px 0px;
		margin:3px 0px;
		font-size:15pt;
	}

	.date_navigator > span.title {
		font-size:15pt;
		font-weight:bold;
	}

	.date_navigator > span.sub {
		font-size:10pt;
		color:#777;
	}

	.date_navigator_toolbox {
		display:table;
		border:0px solid #ababab;
		padding:10px 0px;
		margin:10px 0px;
		background:none;
	}

	.date_navigator_toolbox > div {
		display:table; float:left;
	}

	.date_navigator_toolbox_search_box {
		display:table;
		margin:0px 0px 10px 0px;
	}

	#search_box_1 {
		font-size:12pt;
		display:block;
		background:#fff;
		padding:10px;
		border:1px solid #ababab;
		float:left;
		width:120px;
		margin:10px 0px 0px 0px;
	}

	.search_btn {
		font-size:12pt;
		display:block;
		padding:20px;
		float:left;
		margin:10px 0px 0px 10px;
	}


	#set_date {
		font-size:12pt;
		font-weight:bold;
		cursor:pointer;
		width:110px;
		text-align:center;
		border:1px solid #ababab;
		padding:10px;
		outline:none;
		margin:0px 0px 0px 0px;
	}



	.round_box {
			border:1px solid #ababab;
			padding:10px;
			list-style:none;
			width:100%;
			max-width:450px;
			background:#f1f1f1;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border-radius:5px;
			background:#ffffff;
		}
		.round_box > li {
			position:relative;
			padding:5px;
			text-align:left;
			list-style:none;
		}
		.round_box > li > h3 {
			padding:0px;
			margin:0px 0px 20px 0px;
			line-height:170%;
		}
		.round_box > li > span {
			font-weight:bold;
			width:30%;
			padding:5px;
			text-align:left;
			list-style:none;
		}


	.chart_list {
	list-style:none;
	padding:0px;
	margin:0px;
	}
	.chart_list > li {
	position:relative;
	border-bottom:1px solid #dfdfdf;
	padding:10px 0px;
	}


	#black_screen {
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:rgba(0,0,0,0.5);
	visibility:hidden;
	z-index:9999;
	}

	#clrdr_black_screen {
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:rgba(0,0,0,0.5);
	visibility:hidden;
	z-index:999999;
	}

	#popup_window {
	position:fixed;
	width:100%;
	top:0px;
	left:0px;
	z-index:99999;
	}



	.list_block {
	width:130px;

	font-size:10pt;

	padding:10px;
	margin:0px 6px 6px 0px;
	display:inline-block;
	-webkit-border-radius:0.3em;
	background:#ffffff;
	position:relative;
	-moz-box-shadow: 1px 1px 1px 0.2px #dfdfdf;
	-webkit-box-shadow: 1px 1px 1px 0.2px #dfdfdf;
	box-shadow:1px 1px 1px 0.2px #dfdfdf; cursor:pointer;
	}

	.list_block_img {
	width:130px;
	height:20px;
	font-size:10pt;
	border: 1px solid #ababab;
	padding:10px;
	margin:0px 6px 6px 0px;
	display:inline-block;
	-webkit-border-radius:0.3em;
	background:#ffffff;
	position:relative;
	-moz-box-shadow: 1px 1px 1px 0.2px #dfdfdf;
	-webkit-box-shadow: 1px 1px 1px 0.2px #dfdfdf;
	box-shadow:1px 1px 1px 0.2px #dfdfdf; cursor:pointer;
	}

	.save_sign{
	background:#28B463; border:1px solid #1E8449; color:#fff; font-weight:bold; padding:10px 20px; border-radius:5px; margin:3px 0px;
	}

	.create_membership {
	list-style:none;
	margin:0px;
	padding:0px;
	}
	.create_membership > li {
	padding:0px 0px 20px 0px;
	}


	.create_membership > li > div {

	}

	.create_membership > li > div > h4 {
	padding:0px;
	font-size:12pt;
	margin:0px 0px 10px 0px;
	}

	.create_membership > li > div > input[type="text"] {
	width:100%;
	border:1px solid #ababab;
	padding:10px;
	border-radius:5px;
	background:#E5E8E8;
	outline:none;
	}

	.create_membership > li > div > input[type="password"] {
	width:100%;
	border:1px solid #ababab;
	padding:10px;
	border-radius:5px;
	background:#E5E8E8;
	outline:none;
	}

	.create_membership > li > div > input[type="number"] {
	width:100px;
	border:1px solid #ababab;
	padding:5px;
	border-radius:5px;
	background:#E5E8E8;
	outline:none;
	}

	.setup_membership_sort {
	list-style:none;
	padding:5px;
	margin:5px 0px;
	border-radius:5px;
	background: #D5DBDB;
	border:1px solid #ababab;
	position:relative;
	}



	.pg_calendar {
	width:110%;
	margin-left:-5%;

	}
	.pg_calendar th {
	padding:10px 0px;
	}
	.pg_calendar th {
		font-weight:normal;
		padding:8px 12px;
		font-size:9pt;
		background:#34495E;
		border-bottom:1px solid #212F3C;
		color:#fff;
		text-align:center;
		border-right:1px solid #2E4053;
	}

	.pg_calendar th:last-child {
	border-right:0px;
	}

	.pg_calendar td {
		text-align: center;
		padding:0.5em;
		font-size:9pt;
		border-top:1px solid #ababab;
		border-left:1px solid #dfdfdf;

	}

	.pg_calendar td:first-child {
		border-left:1px solid #ababab;
	}

	.pg_calendar td:last-child {
		border-right:1px solid #ababab;
	}


	.pg_calendar tr:last-child > td {
		border-bottom:1px solid #ababab;
	}

	.membership_button_style {
	width:150px;
	border: 1px solid #ababab;
	padding:10px;
	margin:5px;
	float:left;
	-webkit-border-radius:0.3em; background:#ffffff; position:relative;
	-moz-box-shadow: 1px 1px 1px 0.2px #dfdfdf;
	-webkit-box-shadow: 1px 1px 1px 0.2px #dfdfdf;
	box-shadow:1px 1px 1px 0.2px #dfdfdf;
	cursor:pointer;
	}

	.member_name_box {
	float:left;
	cursor:pointer;
	border:1px solid #ababab;
	background:#fff;
	padding:5px 7px;
	margin:0px 5px 5px 0px;
	}

	#lesson_book_container {
	width:110%;
	margin-left:-5%;
	overflow-y:hidden;
	}


	.login_page {
	width:100%; margin:0px 0px 0px 0px; height:150px; overflow:hidden; padding:0px 0px; font-size:25pt; position:relative;
	}

	.login_page > img {
	width:100%; margin-top:-20px;
	}


	table.touch_pad_table {
	border-spacing:10px;
	}

	table.touch_pad_table tr:first-child td {

	}

	table.touch_pad_table td {
	color:#515A5A;
	font-size:25pt;
	font-weight:bold;
	background:#E5E7E9;
	padding:15px 7px;
	border-radius:5px;
	margin:10px;

	}

	table.touch_pad_table td:last-child {

	}





    .menu_btn{
        text-align: right;
        padding: 10px;
    }
    .menu_bg{
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.7);
        position: absolute;
        top:0;
        display: none;
    }
    .sidebar_menu{
 display: none;
        width: 50%;
        height: 100%;
        background: #e98282;
        position: absolute;
        top:0;
        right: -50%;

    }
    .close_btn{
        width: 25px;
        height: 25px;
        margin:10px;
    }
    .close_btn > a{
        display: block;
        width: 100%;
        height: 100%;
    }
    .menu_wrap{
        list-style: none;
        padding: 20px 20px;
    }
    .menu_wrap li a{
        color: #fff;
        text-decoration: none;
    }




}