@charset "UTF-8";


html, body	{ width: 100%; height: 100%; padding: 0; margin: 0; }
body	{ padding: 10px; font-size: 18px; }

*	{ line-height: 1.5; padding: 0; margin: 0; list-style: none; box-sizing: border-box; transition: all .5s; font-style: normal; }


.input_required	{ display: inline-block; color: red; vertical-align: middle; }



.modules_simple_room	{ height: 100%; }
.modules_simple_room > div	{ display: flex; flex-direction: column; justify-content: space-between; height: 100%; }


.modules_simple_room .order	{ display: flex; align-items: center; justify-content: center; gap: 10px; padding: 0; margin: 10px 0; }
.modules_simple_room .order.left	{ justify-content: flex-start; }
.modules_simple_room .order.right	{ justify-content: flex-end; }
.modules_simple_room .order.space-between	{ justify-content: space-between; }
.modules_simple_room .order.small	{ margin: 0; }

.modules_simple_room .order > div	{ display: flex; gap: 10px; }

.modules_simple_room .order a,
.modules_simple_room .order .a	{ display: flex; align-items: center; justify-content: center; }
.modules_simple_room .order a,
.modules_simple_room .order .a,
.modules_simple_room .order button	{ min-width: 100px; height: 45px; padding: 0 20px; border: 1px solid #333; border-radius: 5px; background-color: #666; color: #fff; }

.modules_simple_room .order.small a,
.modules_simple_room .order.small .a,
.modules_simple_room .order.small button	{ min-width: 75px; height: 35px; padding: 0 10px; border-radius: 3px; }

.modules_simple_room .order.small .disabled	{ background-color: #fc4700; }
.modules_simple_room .order.small .enabled	{ background-color: #4472c4; }
.modules_simple_room .order.small .delete	{ background-color: #548235; }



.modules_simple_room .header	{ display: flex; justify-content: space-between; }
.modules_simple_room .header .tab	{}
.modules_simple_room .header .tab ul	{ display: flex; }
.modules_simple_room .header .tab ul li	{}
.modules_simple_room .header .tab ul li a	{ display: flex; align-items: center; justify-content: center; min-width: 150px; height: 50px; background-color: #333; color: #fff; font-weight: 600; }
.modules_simple_room .header .tab ul li a:focus, .modules_simple_room .header .tab ul li a:hover, .modules_simple_room .header .tab ul li a:active	{ border: 1px solid #333; background-color: #666; color: #fff; }
.modules_simple_room .header .tab ul li a.active	{ border: 0 none; background-color: #275fee; color: #fff; }

.modules_simple_room .header .timer	{ display: flex; align-items: center; justify-content: center; padding: 0 20px; border: 1px solid #c8c8c8; background-color: #fafafa; }

.modules_simple_room .header .reload	{ display: flex; align-items: center; justify-content: center; }
.modules_simple_room .header .reload a	{ display: flex; align-items: center; justify-content: center; min-width: 150px; height: 50px; border-radius: 10px; background-color: #666; color: #fff; font-weight: 600; }



.modules_simple_room .footer	{ display: flex; justify-content: space-between; }
.modules_simple_room .footer > div	{ display: flex; gap: 10px; padding: 0; margin: 0; }
.modules_simple_room .footer > div a	{ display: flex; align-items: center; justify-content: center; min-width: 100px; height: 40px; padding: 0 20px; border: 1px solid #c8c8c8; background-color: #f0f0f0; color: #111; }
.modules_simple_room .footer > div a:focus, .modules_simple_room .footer > div a:hover, .modules_simple_room .footer > div a:active	{ border: 0 none; background-color: #333; color: #fff; }




.modules_simple_room .list	{ margin: 50px 0; }



.modules_simple_room .table_box	{  }
.modules_simple_room table	{ table-layout: fixed; clear: both; width: 100%; margin: 0; border-collapse: collapse; border-width: 3px 1px 2px 1px; border-style: solid; border-color: #333 transparent #333 transparent; }
.modules_simple_room table caption		{ width: 0; height: 0; line-height: 0; /*visibility: hidden;*/ overflow: hidden; font-size: 0; }
.modules_simple_room table thead th,
.modules_simple_room table thead td	{ line-height: 20px; padding: 10px 3px; border-width: 0 0 1px 0; border-style: solid; border-color: transparent transparent #d0d0d0 transparent; text-align: center; font-size: 1.1em; font-weight: bold; word-break: break-all; word-wrap: break-word; }
.modules_simple_room table thead tr:nth-child(2) th,
.modules_simple_room table thead tr:nth-child(2) td	{ background-color: #fafafa; }
.modules_simple_room table thead tr:nth-child(3) th,
.modules_simple_room table thead tr:nth-child(3) td	{ background-color: #fcfcfc; }
.modules_simple_room table thead tr:nth-child(4) th,
.modules_simple_room table thead tr:nth-child(4) td	{ background-color: #fefefe; }
.modules_simple_room table tbody th,
.modules_simple_room table tbody td	{ line-height: 20px; padding: 5px 3px; border-width: 0 0 1px 0; border-style: solid; border-color: transparent transparent #d0d0d0 transparent; word-break: break-all; word-wrap: break-word; } 
.modules_simple_room table tbody td.table-empty,
.modules_simple_room table tbody td.empty	{ padding: 50px 0 !important; text-align: center; background-color: #fff !important; }
.modules_simple_room table.over tbody tr:focus, .modules_simple_room table.over tbody tr:hover, .modules_simple_room table.over tbody tr:active	{ background-color: #fafafa; background-color:rgba(0, 0, 0, 0.05); }


.modules_simple_room table tbody tr td span.enabled	{ color: blue; }
.modules_simple_room table tbody tr td span.disabled	{ color: red; }
.modules_simple_room table tbody tr td span.delete	{ color: gray; }




.modules_simple_room .room_list	{}
.modules_simple_room .room_list ul	{ display: flex; flex-wrap: wrap; gap: 20px; }
.modules_simple_room .room_list ul li	{ flex: 0 1 calc((100% - 20px * 4) / 5); }
.modules_simple_room .room_list ul li.empty	{ flex: 1 1 100%; text-align: center; }
.modules_simple_room .room_list ul li .info	{ display: flex; flex-direction: column; justify-content: center; align-items: center; aspect-ratio: 1 / 0.47; border: 2px solid #333; border-radius: 20px; background-color: #666; color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.2); }
.modules_simple_room .room_list ul li .info.wait	{ background-color: #ffff00; color : #333}
.modules_simple_room .room_list ul li .info.end	{ background-color: #548235; }
.modules_simple_room .room_list ul li .info.use	{ background-color: #fc4700; }
.modules_simple_room .room_list ul li .info br	{ display: none; }
.modules_simple_room .room_list ul li .info strong	{ display: block; font-size: 1.5rem; }
.modules_simple_room .room_list ul li .info em	{ display: block; font-size: 1.2rem; }


.modules_simple_room .pagejump	{ padding: 0; margin: 40px 0; text-align: center; font-size: 1rem; }
.modules_simple_room .pagejump a	{ display: inline-block; line-height: 25px; padding: 0 3px; margin: 0 5px; text-decoration: none; color: #666; white-space: nowrap; }
.modules_simple_room .pagejump a:focus, .modules_simple_room .pagejump a:hover, .modules_simple_room .pagejump a:active, .modules_simple_room .pagejump a.now	{ font-weight: bold; color: #e80000; }
.modules_simple_room .pagejump a.first,
.modules_simple_room .pagejump a.prev	{ margin: 0 20px 0 0; }
.modules_simple_room .pagejump a.end,
.modules_simple_room .pagejump a.next	{ margin: 0 0 0 20px; }




.modules_simple_room form table tbody tr td	{ height: 50px; line-height: 50px; }
.modules_simple_room form input[type="text"],
.modules_simple_room form input[type="password"],
.modules_simple_room form input[type="DATE"],
.modules_simple_room form select	{ max-width: 100%; height: 45px; padding: 0 10px; border: 1px solid #c8c8c8; background-color: #fff; color: #111; }
.modules_simple_room form select	{ padding-right: 30px; }
.modules_simple_room form input[type="radio"],
.modules_simple_room form input[type="checkbox"]	{ width: 20px; height: 20px; }

.modules_simple_room form .full	{ width: 100%; max-width: 100%; }

.modules_simple_room form * + h3	{ margin-top: 30px; }

.modules_simple_room form .agree_box	{}
.modules_simple_room form .agree_box .agree_content	{ height: 200px; padding: 20px; border: 1px solid #c8c8c8; background-color: #fafafa; overflow: auto; }
.modules_simple_room form .agree_box .agree_content pre	{ display: block; margin: 0; padding: 0; white-space: pre-wrap; white-space: -moz-pre-wrap; word-wrap: break-word; word-break: break-all; text-align: justify; font-size: 1rem; }

.modules_simple_room form .order:last-child	{ margin: 50px 0 0; }
.modules_simple_room form .order [type="submit"]	{ background-color: #4472c4; }

.modules_simple_room form * + [type="submit"]	{ margin-left: 5px; }




.modules_simple_room .in_tab	{ margin: 10px 0 50px 0; }
.modules_simple_room .in_tab h3	{ font-size: 1.5rem; font-weight: bold; }
.modules_simple_room .in_tab ul	{ display: flex; border: 1px solid #c8c8c8; background-color: #f0f0f0; }
.modules_simple_room .in_tab ul li	{ flex: 1; }
.modules_simple_room .in_tab ul li + li	{ border-left: 1px solid #c8c8c8; }
.modules_simple_room .in_tab ul li a	{ display: flex; align-items: center; justify-content: center; height: 50px; }
.modules_simple_room .in_tab ul li a:focus, .modules_simple_room .in_tab ul li a:hover, .modules_simple_room .in_tab ul li a:active	{ background-color: #666; color: #fff; }
.modules_simple_room .in_tab ul li a.active	{ border: 0 none; background-color: #275fee; color: #fff; }


.modules_simple_room .search	{ margin: 50px 0; }
.modules_simple_room .search form	{ padding: 20px; border: 1px solid #c8c8c8; background-color: #fafafa; text-align: center; }
.modules_simple_room .search form input + label	{ margin-left: 20px; }
.modules_simple_room .search form [type="submit"]	{ min-width: 100px; height: 45px; padding: 0 20px; margin: 0 0 0 20px; border: 1px solid #333; border-radius: 5px; background-color: #666; color: #fff; }