@charset "utf-8";

body {
	margin-top:20px;
}

[class^="icon-"] {
	padding-right:3px;
}

form img {
	max-width:100%;
}

select {
	line-height:25px;
	padding:5px 0;
}

.action a {
	margin-right:8px;
}
.action a:last-child {
	margin-right:0;
}

.pc_flex_block {
	flex-wrap:wrap;
	flex:1;
}

.text_center {
	text-align:center;
}

.group {
	margin-right:15px;
	margin-bottom:8px;
	display:inline-block;
	line-height:normal;
}
.group:after {
	/*margin-left:15px;*/
	content:'|';
}
.group:last-child:after {
	content:'';
}

.right_pad {
	margin-right:5px;
}
.group2 {
	margin-right:15px;
	margin-bottom:8px;
	display:inline-block;
	line-height:normal;
}
.group2:after {
	content:'|';
}
.group2:last-child:after {
	content:'';
}

.hint {
	color:green;
	font-size:9pt;
	margin-top:8px;
	margin-bottom:8px;
	padding:5px;
	color:green;
	line-height:20px;
}
.hint:before {
	content:'提示: ';
}

.no_line:after {
	content:'';
}

.no_pad {
	padding:0 0 !important;
	margin-right: 15px;
    margin-bottom: 4px;
}

.flex {
	display:flex;
	align-items:center;
}
.flex_wrap {
	flex-wrap:wrap;
}

.flex_item {
	/*width:calc(100% / 3);padding:5px;*/
}
.per_2 {
	width:calc(100% / 2);
}

.mobile_block {
	display:inline-block;
}

.clad_group {
	display:flex;
	align-items:center;
}

.flex {
	display:flex;
}

.countable {
	display:flex;
	width:800px;
	margin:0 auto;
	line-height:30px;
	/*line-height:70px;*/
	padding:15px 0;
	border-bottom:1px dotted #CCC;
}
.countable > div {
	text-align:left;
	flex:1;
}
.countable label:after {
	content:':';
}


.sub_menu_open {
	position:fixed;
	top:0;
	/*left:50%;
	margin-left:-40px;
	*/
	right:0;
	/*background:#000;
	color:#FFF;*/
	padding:8px;
	z-index:300;
	height:40px;
	line-height:30px;
}
.sub_menu {
	margin-top:8px;
	border-bottom:1px solid #CCC;
	background:#FFF;
	z-index:250;
	line-height:30px;
}
.sub_menu ul {
	display:flex;
	flex-wrap:wrap;
}
.sub_menu li {
	margin-bottom:8px;
	padding-left:5px;
	padding-right:5px;
}
.sub_menu li a {
	color:blue;
}
.sub_menu li img {
	object-fit:contain;
	width:17px;
	height:17px;
	vertical-align: baseline !important;
}

.block {
	display:block;
}

.button {
	border:1px solid #CCC;
	padding:2px 8px;
	background:#FFF;
	border-color: #c5c5c5;
    border-color: rgba(0,0,0,0.15) rgba(0,0,0,0.15) rgba(0,0,0,0.25);
    
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333 !important;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    *background-color: #e6e6e6;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #bbb;
    *border: 0;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *margin-left: .3em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.button:hover {
	opacity:0.8;
}

.form {
	letter-spacing:1.5;
	width:750px;
	max-width:100%;
	margin:30px auto;
	border-radius:5px;
	color:#333;
	background:#F6FFFF;
	border:1px solid #CCC;
}
.form .form_content {
}
.form .form_title {
	background:#FFF;
	text-align: center;
	padding:8px 0;
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
	font-weight:bold;
	position:relative;
	width: 100%; /* 2020-05-25 added */
}


.form input[type=text], 
.form input[type=password], 
.form input[type=number], 
.form input[type=email], 
.form textarea{
	line-height:25px;
	padding:0 8px;
	border:1px solid #CCC;
	width:100%;
	max-width:100%;
	color:#000;
}
.form .submit {
    text-align: center;
	margin-top:20px;
	border-top:1px solid #CCC;
	padding:15px 0;
	background-color: rgb(0, 123, 243);
	
	/*
	background:#007BF3;*/
}
.column {
	/*background:#F6FFFF;*/
	display:flex;
	align-items:center;
	line-height:30px;
	padding:8px 0;
	margin-top:8px;
}
.single_column {
	/*background:#F6FFFF;*/
	line-height:30px;
	padding:8px 0;
	margin-top:8px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
.column_group {
	/*display:flex;*/
	margin-top:15px;
	margin-bottom:15px;
	padding:30px 0 8px 0;
	position:relative;
	/*
	margin-bottom:15px;
	*/
	border-bottom:1px dotted #CCC;
}
.no_title {
	padding-top:0px !important;
}
.no_title .title {
	display:none;
}
.column_group .title {
	border-radius:3px;
	position:absolute;
	top:0;
	left:15px;
	background:#03a9f4;
	color:#FFF;
	font-size:9pt;
	padding:4px 12px;
}
.column_group .column:last-child {
	border-bottom:0;
}


/*
.column_group > .column_label {
	background-color: #007BF3;
	color:#FFF;
	padding:8px 0;
	display:none;
}
*/
.column .required {
}
.column .required:after {
	content:'*';
	color:red;
	font-weight:bold;
	margin-left:1px;
}
.column .column_label {
	text-align:center;
	flex:0 130px;
}

.column .column_label:after {
	content:'：';
}
.column .column_content {
	text-align:left;
	flex:0 79%;
	padding-right:5%;
}
.sub_menu_open {
	display:none;
}
.sub_menu {
	display:block;
}
.only_mobile {
	display:none;
}

.tools form {
	padding:0;
	margin:0;
	display:inline-block;
}
.tools {
	position:relative;
	text-align:center;
	display:flex;
	align-items:center;
	padding:8px 0;
	/*margin-bottom:15px;
	width:600px;*/
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
}
.tools i {
	display:none;
}
.tools > div {
	padding:0 15px;
	/*flex:1;*/
}
.tools .right {
	flex:1;
	text-align:right;
}
.modal {
	cursor: pointer;
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	background:rgba(0,0,0, 0.8);
	width:100%;
	z-index:300;
}
.max {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	margin:30px auto !important;;
	display:block !important;
	z-index:350;
}

.week > div {
	display:flex;
	align-items:center;
	border:1px solid #DDD;
	margin-bottom:12px;
	background:#FFF;
}
.week > div div:first-of-type {
	padding:0 15px;
}

.detail_row {
	display:none;
}
.detail_row_content {
	background:#FFF;
	display:flex;
	padding:8px 0;
	border-bottom:1px solid #CCC;
	font-size:10pt;
}
.detail_row_content > label {
	width:40%;
	text-align:center;
}
.detail_row_content > div {
	flex:1;
}
.trun_hide {
	padding: 8px 0;
	text-align:center;
	color:blue;
}
.trun_open {
	display:none;
	text-align:center;
}

.pc_hide {
	display:none;
}

.pc_per_1 {
	width:calc(100% / 1);
}
.pc_per_2 {
	width:calc(100% / 2) !important;
}
.pc_per_3 {
	width:calc(100% / 3);
}
.pc_per_4 {
	width:calc(100% / 4);
}

.pc_per_5 {
	width:calc(100% / 5);
}

.simple i {
	border:1px solid #06adef;
	font-size:10pt;
	cursor:pointer;
	color:#06adef;
	font-style:normal;
	padding:2px 8px;
	display:inline-block;
	margin-right:3px;
	border-radius:3px;
}
.simple > div {
	padding:0;
}
.simple .tool_content {
	display:none;
	position:fixed;
	right:calc(-180px - 30px);
	top:0;
	bottom:0;
	width:180px;
	height: 100%;
	z-index:350;
	border-left:1px solid #CCC;
	padding:15px 15px 8px 15px !important;
	display:block !important;
	background:#FFF;
	text-align:left;
	transition: right 0.2s;
	-moz-transition:right 0.2s;
	-webkit-transition: right 0.2s;
	-o-transition: right 0.2s;
}
.simple .mobile_block {
	display:block;
	padding:8px 0;
}

.group_form {
	display:flex;
	flex-wrap:wrap;
	max-width:100%;
	width:750px;
	margin:0 auto;
	align-items:center;
}
.row {
	width:100%;
	display:flex;
	align-items:center;
}
.group_form  input[type=text], .group_form  textarea {
	width:calc(100% - 100px);
	max-width:80%;
	padding:2px 5px;
}

.group_form .title {
	width:100%;
	justify-content: center;
}
.group_form .submit {
	width:100%;
	justify-content: center;
}
.group_form .col {
	padding:12px 12px;
}
.group_form .col_100 {
	width:100%;
	display:flex;
	padding:12px 0;
}
.group_form .col_50 {
	width:50%;
	display:flex;
	padding:12px 0;
}
.group_form  .col_label {
	flex:0 1 100px;
	padding-right:10px;
	text-align:center;
}
.group_form  .col_content {
	flex:1;
}
.group_form .col_100  .col_label {
	/*flex:0 10%;*/
}
.group_form .col_label:after {
	content:'';
}

.show_border {
	border:1px solid #CCC;
}
/*
.show_border .col_33, .show_border  .col_50, .show_border  .col_100 {
	border-bottom:1px solid #EFEFEF;
}*/

.required {
}
.required:before {
	content:'*';
	color:red;
}
/*
.group_form input {
	max-width:80%;
	line-height:20px;
	padding:2px;
}
*/
.col {
	flex:0 100%;
	display:flex;
	align-items:center;
	padding:8px 0;
}
.col_75 {
	flex:0 75%;
}
.col_60 {
	flex:0 60%;
}
.col_50 {
	flex:0 50%;
}
.col_40 {
	flex:0 40%;
}
.col_33 {
	flex:0 33.333333%;
}
.col_25 {
	flex:0 25%;
}
.col_20 {
	flex:0 20%;
}
.col .col_label {
	flex:0 100px;
	text-align:center;
}
.col .col_content {
	max-width:100%;
	flex:1;
}
.row {
	display:flex;
	padding:8px 0;
}
.col input[type=text],
.col input[type=password],
.col select,
.col textarea 
{
	overflow:hidden;
	width:90%;
	max-width:100%;
	padding:5px 5px;
}
.br {
	padding:5px 0;
	display:block;
}
.show_border .row {
	border-bottom:1px solid #CCC;
}
.row .hint {
	margin-top:0;
	margin-bottom:0;
}
.form_group {
	width:100%;
	max-width:100%;
	margin:0 auto;
	padding:8px;
}
.form_group .submit {
	padding:8px 0;
	text-align:center;
}


.tabs {
	max-width:100%;
	margin:0 auto;
	width:750px;
}
.tabs .tabs_menu {
	display:flex;
	list-style:none;
	padding:0 8px 0 30px;
	margin:0 0 5px 0;
	border-bottom:1px solid #CCC;
}
.tabs .tabs_menu li {
	padding:5px 20px;
	position:relative;
	color:#777;
}
.tabs .tabs_menu .active {
	color:#000;
	position:relative;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}
.tabs .tabs_menu .active:after {
	content:'';
	position:absolute;
	width:100%;
	left:0;
	bottom:-1px;
	border-bottom:1px solid #FFF;
}
.tabs .tab_page {
	display:none;
}
.tabs .tab_page:nth-of-type(1) {
	display:block;
}



.dropdown {
	padding: 0;
    list-style: none;
    margin: 0;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
}
.dropdown li {
	margin-right:12px;
}
@media (max-width:768px) {
	.sub_menu {
		-webkit-box-shadow: 1px 2px 8px 1px #d8d8d8;
		box-shadow: 1px 2px 8px 1px #d8d8d8;
		border-bottom:0;
	}
	/*
	.sub_menu_open, .sub_menu li a {
		color:#FFF !important;
	}*/
	.sub_menu ul li {
    	width: calc(100% / 3) !important;
	}
	.dropdown_click {
		position:absolute;
		right:0;
		top:9px;
		margin-bottom:6px;
		z-index:300;
		background:#EFEFEF;
	}
	.dropdown_click:before {
		cursor:pointer;
		content: "\f039";
		padding:5px 10px;
		font-size:1.3em;
		font-family: FontAwesome;
	    font-weight: normal;
	    font-style: normal;
	    text-decoration: inherit;
	    -webkit-font-smoothing: antialiased;
	    display: inline;
	    width: auto;
	    height: auto;
	    line-height: normal;
	    vertical-align: baseline;
	    background-image: none;
	    background-position: 0 0;
	    background-repeat: repeat;
	    margin-top: 0;
	}
	.dropdown_wrap {
		position:relative;
		height:35px;
		overflow:hidden;
		transition: all 0.2s;
		-moz-transition:all 0.2s;
		-webkit-transition: all 0.2s;
		-o-transition: all 0.2s;
		background:#EFEFEF;
	}
	.dropdown {
		/*
		display:block !important;
		flex-wrap:unset !important;
		margin-bottom:15px;
		*/
		position:relative;
		padding-right:35px;
	}

	/*
	.dropdown:after {
		text-align:center;
		width:30px;
		cursor:pointer;
		content:'更多';
		position:absolute;
		top:0;
		right:5px;
		color:blue;
		font-size:0.8em;
		line-height:35px;
	}
	*/


	.dropdown li a i, .dropdown li a img {
		display:none;
	}
	.dropdown li {
		flex:0 33.333333%;
		/*border-bottom:1px solid #CCC;*/
		margin-right:0;
		padding:8px 8px;
		height:35px;
	}
	.dropdown li a {
		display:block;
	}
	.dropdown li a:hover {
		background:#EFEFEF;
	}
	.dropdown_open {
		overflow:auto;
		height:auto;
	}
	.dropdown_lick_open:before {
		content: "\f00d";
	}
	.dropdown__click_open {
		z-index:300;
		/*overflow:auto;
		height:auto;
		bottom:0;
		text-align:center;
		width:100%;
		margin-bottom:0;
		*/
	}
}



@media (max-width:768px) {
	.action a {
		margin-right:25px;
	}
	.mobile_text_right {
		text-align:right;
	}
	.mobile_text_center {
		text-align:center;
	}
	.mobile_br {
		display:block;
	}
	.mobile_big_br {
		display:block;
		padding:5px 0;
	}
	.row {
		flex-wrap: wrap;
		padding:0 0;
	}
	.show_border .row {
		border-bottom:0;
	}
	.show_border .col {
		border-bottom:1px dotted #CCC;
	}
	.mobile_flex_wrap {
		flex-wrap:wrap;
	}
	.clear_pad {
		padding:5px 0 !important;
		margin:0 !important;
	}
	.col_m_100 {
		flex:0 100%;
	}
	.col {
		display:block;
		padding:15px 8px;
		margin-bottom:8px;
	}
	.col .col_label {
		margin-bottom:8px;
		flex:unset;
		color:blue;
		font-weight:bold;
		font-size:1.1em;
		text-align:left;
		display:block;
	}
	.col_75, .col_70, .col_50, .col_60, .col_40, .col_33, .col_25, .col_20 {
		flex:0 100%;
	}
	.col input[type=text],
	.col input[type=password],
	.col select,
	.col textarea 
	{
		width:100%;
		max-width:100%;
		padding:5px 5px;
	}
	.col .col_content {
		max-width:100%;
	}


	.group_form .col_100 {
		width:100%;
	}
	.group_form .col_50 {
		width:100%;
	}
	.group_form .col_label {
		text-align:center;
		/*flex:0 30%;*/
		padding-right:18px;
	}
	.group_form .col_label:after {
		content:'';
	}
	.group_form .col_100 .col_label {
		/*flex:0 30%;*/
	}
	.group_form  input[type=text], .group_form  textarea {
		width:calc(100% - 100px);
		max-width:90%;
	}

	table thead td {
		padding-top:8px;
		padding-bottom:8px;
	}
	table tbody td {
		padding-top:10px;
		padding-bottom:10px;
	}

	.mobile_flex_wrap {
		flex-wrap:wrap;
	}

	.mobile_no_flex {
		display:block;
	}

	.trun_table {
	/*
		line-height:30px;*/
	}
	.trun_table .detail_row_content:last-child {
		border:0;
	}
	.trun_open {
		display: table-cell;
		vertical-align: inherit;
	}
	.table {
		width:100% !important;
	}
	._calendar_head {
		
	}
	._calendar {
		width:33.333333% !important;
	}
	._calendar:empty {
		display:none;
	}

	.mobile_large_padding {
		padding:15px;
		display:block;
	}

	.mobile_padding {
		padding:8px;
	}
	.mobile_inline {
		flex-wrap:wrap;
	}
	.mobile_inline .flex_item {
		padding:8px 0;
		width:100%;
	}

	.countable {
		width:90%;
		flex-wrap:wrap;
		align-items:center;
	}
	.countable > div {
		flex:0 50%;
		text-align:center;
		padding:8px 5px;
	}
	.countable > div font {
		background:#EFEFEF;
		display:block;
		padding:15px 0;
		font-size:1.3em;
	}
	.countable label:after {
		content:'';
	}

	.tools {
		margin-bottom:15px;
		/*background:#EFEFEF;*/
		overflow: auto;
		white-space: nowrap;
	}
	.tools > div {
		padding:0 0px;
		flex:unset;
	}
	.tools .right {
		text-align:left;
		flex:unset;
	}
	.tools .right form {
		text-align:center;
	}
	.tools i {
		border:1px solid #06adef;
		font-size:10pt;
		cursor:pointer;
		color:#06adef;
		font-style:normal;
		padding:2px 8px;
		display:inline-block;
		margin-right:8px;
		border-radius:3px;
	}
	.tools .tool_content {
		display:none;
		position:fixed;
		right:-210px;
		top:0;
		bottom:0;
		width:180px;
		height: 100%;
		z-index:350;
		border-left:1px solid #CCC;
		padding:15px 15px 8px 15px !important;
		display:block !important;
		background:#FFF;
		transition: right 0.2s;
		-moz-transition:right 0.2s;
		-webkit-transition: right 0.2s;
		-o-transition: right 0.2s;

	}
	.search {
		flex:1;
		text-align:left;
	}
	.tools form {
		display:block;
		margin-bottom:50px;
	}

	.toolbar_open {
		display:block !important;
		padding:8px 0;
	}
	.toolbar input {
		width:100%;
		line-height:25px;
		margin:8px;
	}
	.toolbar .btn {
		width:100%;
		line-height:25px;
	}
	.toolbar {
		width:40%;
		margin:0 auto;
		display:none !important;
	}
	.toolbar form {
		display:block !important;
	}
	.toolbar div {
		width:100% !important;
	}
	.toolbar_active {
		display:block !important;
	}


	.cal_bar {
		display:flex;justify-content:center
	}
	.only_mobile {
		display:block;
	}
	#cal {
		display:none;
	}

	.form {
		margin:15px auto;
		border-radius:0;
		border:0;
		width:200px;
	}
	.form .form_content {
	}
	.form .form_title {
		margin-bottom:10px;
	}
	.form .form_title:after {
		content:'';
		border:0;
	}
	.form .submit {
		background:none;
	}
	.column {
		display:block;
		padding:0  15px;
	}
	.column .column_label {
		display:block;
		text-align:left !important;
		margin-bottom:3px;/*
		font-size:10pt;
		font-weight:bold;
		color:#333;*/
		font-size:10pt;
		position:relative;
		font-weight:bold;
		color:blue;
	}
	.column .column_label:after {
		content:'';
	}

	/*.column .column_label:before {
		font-family: FontAwesome;
    	font-weight: normal;
    	font-style: normal;
    	content: "\f0da";
    	padding-right:3px;
	}*/
	.column .column_content {
	    padding-right: 0;
	    padding-bottom: 10px;
	}
	
	.column .column_content * {
	}
	.column_group {
		padding-bottom:20px;
	}
	.column_group .title {
		left:15px;
	}
	.sub_menu_open {
		display:block !important;
		animation: shake 0.8s infinite;
		-webkit-animation: shake 0.8s infinite;
		-moz-animation: shake 0.8s infinite;
	}
	.sub_menu_open i {
	}
	.sub_menu {
		/*display:none;*/
		position:fixed;
		left:0;
		/*width:calc(100% - 80px);*/
		width:100%;
		top:0;
		height:40px;
		overflow:hidden;
		text-align:left;
		margin-top:0;
		padding:8px 30px 0 8px;
		transition: all 0.2s;
		-moz-transition:all 0.2s;
		-webkit-transition: all 0.2s;
		-o-transition: all 0.2s;
	}
	.sub_menu_active {
		overflow:auto;
		height:auto;
	}
	.sub_menu hr{
		display:none;
	}
	.sub_menu ul {
		white-space: nowrap;
	    display: flex;
	    flex-wrap:wrap;
	    /*overflow-y: hidden;
	    -webkit-overflow-scrolling: touch;*/
	    /*height: 50px;
	    padding: 8px 0;
	    margin: 8px;
	    max-width: 800px;*/
	}
	.sub_menu ul li {/*
		width:110px;*/
		width:calc(100% / 4);
	}
	.sub_menu ul a {
	}

	.mobile_hide {
		display:none;
	}
	* {
  		-webkit-box-sizing: border-box;
     	-moz-box-sizing: border-box;
        box-sizing: border-box;
	}
	body {
		width:98%;
		padding:8px 8px 8px 8px;
	}

	.mobile_block {
		display:block;
		padding:8px 0;
	}

	.group {
		display:block;
		padding:8px 0;
		word-break: break-word;
	}
	
	.group:after {
		content:'' !important;
	}

	.r_input {
		width:100%;
	}

	table {
		width:100%;
		max-width:100%;
	}
	
	/*
	table input, textarea {
		width:100%;
	}*/
	
	
/*	table .t2 {
		font-size:0.9em;
	}
*/
	.max_scroll {
		width:100% !important;
		max-width:100%;
		overflow:auto;
	}
	/*.table1 {
		display:block;
	}
	.table1 table {
		display:block;
	}
*/

	/**
	 *	預約作業
	 */
	.count_status span {
		display:block;
	}

	.header_bar {
		flex-wrap:wrap;
	}
	
	/* 月曆 */
	.header_bar div:first-child {
		margin-bottom:8px;
	}
	.header_bar div {
		width:100%;
		flex:unset;
	}

	/*.table1 {
		word-wrap:break-word;
	}*/



	.tool_line {
		display:block !important;
	}
	.tool_line > div{
		padding:8px;
		text-align:center !important;
	}

	.Block_shadow_1 {
		height:auto;
	}



	.response_table table, 
	.response_table thead, 
	.response_table tbody, 
	.response_table th, 
	.response_table td, 
	.response_table tr { 
		display: block; 
	}
	.response_table .t4 { 
		display: none; 
	}
	.response_table table { 
		border:none;
	}
 
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.response_table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	.response_table tr { margin-bottom:20px;border: 1px solid #ccc; }
 
	.response_table td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #CCC; 
		position: relative;
		padding-left: 30%; 
		white-space: normal;
		text-align:left;
		padding-top:5px;
		padding-bottom:5px;
		min-height:30px;
		width:auto;
	}
 
	.response_table td:before { 
		/* Now like a table header */
		z-index:10;
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 10px;
		width: 20%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	.response_table td:before { content: attr(data-title); }

	.max100, .tabs, table, .form, .form_group {
		width:100% !important;
	}
	
	.pc_hide {
		display:block;
	}
	.mobile_per_1 {
		width:calc(100% / 1);
	}
	.mobile_per_2 {
		width:calc(100% / 2) !important;
	}
	.mobile_per_3 {
		width:calc(100% / 3);
	}
	.mobile_per_4 {
		width:calc(100% / 4);
	}
}


@media (max-width:320px) {
	.sub_menu ul li {
		width:calc(100% / 3);
	}
	.lite_br {
		display:block;
	}
	.lite_hide {
		display:none;
	}
	.lite_per_1 {
		width:calc(100% / 1);
	}
	.lite_per_2 {
		width:calc(100% / 2) !important;
	}
	.lite_per_3 {
		width:calc(100% / 3);
	}
	.lite_per_4 {
		width:calc(100% / 4);
	}
}

@keyframes shake {
    0% {
        transform: translate(0px, 0px);
    }
    50% {
        transform: translate(0px, -5px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}