/*print*/
@media print {
	._tab-list, .hide-elemet, .combine {
		display: none; /* 在打印中不起作用 */
		visibility: hidden; /* 在打印中隐藏元素 */
		opacity: 0; 
	}
}

/*mobile*/
@media only screen and (max-width: 768px) {
	body * {
		word-break: break-word;
	}
	
	dd, dt{
		width:100% !important;
	}
	
	dt {
		font-size: 15pt !important;
	}
	
	td, th, th>button, input:not(input[type="radio"], input[type="checkbox"]), select, textarea {
		font-size: 11.2pt !important;
	}
	

	  .hkid-min-width>input:nth-of-type(1) {
	    min-width: 30px;
	  }
	  .hkid-min-width>input:nth-of-type(2) {
	    min-width: 120px;
	  }
	  .hkid-min-width>input:nth-of-type(3) {
	    min-width: 30px;
	  }
	  
	  .check-box-min-width input[type="checkbox"]{
	  	min-width: 16px;
	  }
	
	.mobile-vertical-align{
		display:flex;
		-webkit-align-items:center;
	}
	
	.mobile-full-width{
		width:100% !important;
	}
	
	.mobile-no-padding{
		padding: 0px !important;
	}
	
	.form ul{
		padding: 5px;
	}
  
	.mobile-step-2-td-col1{
		width: 5%;
	}	
	.mobile-step-2-td-col2{
		width: 10%;
	}
	.mobile-step-2-td-col3{
		width: 80%;
	}
	.mobile-step-2-td-col4{
		width: 5%;
	}
	
	.mobile-auto-height{
		height: auto;
	}
	
	.mobile-hidden{
		/*visibility: hidden;*/
		display: none;
	}
	
	dl#whz, dl#hugh, dl[id='77'], dl[id='joa005b'], dl[id='joa005a']{
		position: absolute;
		left:5%;
		/*top: 150px;*/
		width:90%;
		height: auto;
		visibility: hidden;
	}
	
	div[id='linyong']{
		/*position: absolute;*/
		left:5%;
		/*top: 150px;*/
		width:90%;
		height: auto;
		/*visibility: hidden;*/
		padding: 10px;
	}
	
	table.responsive-flex-field {width: 100% !important;}
	table.responsive-flex-field tr:not(.responsive-exception, .mobile-hidden) { display: /*block*/grid; float: left; width:100% !important;}
	table.responsive-flex-field tr:not(.responsive-exception, .mobile-hidden)>th:not(.responsive-exception, .mobile-hidden) { display: block; width:100% !important;}
	table.responsive-flex-field tr:not(.responsive-exception, .mobile-hidden)>td:not(.responsive-exception, .mobile-hidden) { display: block; width:100% !important; }
	
	tr.responsive-flex-field:not(.mobile-hidden) { display: block; float: left; width:100% !important;}
	tr.responsive-flex-field th:not(.responsive-exception, .mobile-hidden) { display: block; width:100% !important;}
	tr.responsive-flex-field td:not(.responsive-exception, .mobile-hidden) { display: block; width:100% !important; }
	
	.responsive-flex-field th:not(.responsive-exception, .input-full-width-exception) input:not(input[type="radio"], input[type="checkbox"], .input-full-width-exception),
	.responsive-flex-field th:not(.responsive-exception, .input-full-width-exception) select:not(.input-full-width-exception),
	.responsive-flex-field th:not(.responsive-exception, .input-full-width-exception) textarea:not(.input-full-width-exception),
	.responsive-flex-field td:not(.responsive-exception, .input-full-width-exception) input:not(input[type="radio"], input[type="checkbox"],.input-full-width-exception),
	.responsive-flex-field td:not(.responsive-exception, .input-full-width-exception) select:not(.input-full-width-exception),
	.responsive-flex-field td:not(.responsive-exception, .input-full-width-exception) textarea:not(.input-full-width-exception){
		max-width:90% !important;
		/* min-width:80%; */
		width:90% !important;
	}
	
	.responsive-flex-field th:not(.responsive-exception, .input-full-width-exception) button:not(.input-full-width-exception),
	.responsive-flex-field td:not(.responsive-exception, .input-full-width-exception) button:not(.input-full-width-exception){
		max-width:100% !important;
		/* min-width:80%; */
		width:100% !important;
	}
	
	.responsive-flex-field th:not(.responsive-exception, .input-full-width-exception):has(input[type="checkbox"]):not(.input-full-width-exception),
	.responsive-flex-field td:not(.responsive-exception, .input-full-width-exception):has(input[type="checkbox"]):not(.input-full-width-exception){
		text-align:left;
	}
	
	.responsive-exception{
		display:flex;
	}
}

/*desktop*/
@media print, (min-width: 769px) {	
	.desktop-hidden{
		/*visibility: hidden;*/
		display: none !important;
	}
	
	dl#whz, dl#hugh, dl[id='77'], dl[id='joa005b'], dl[id='joa005a']{
		position: absolute;
		left: 25%;
		/*top: 150px;*/
		width: 50%;
		height: auto;
		visibility: hidden;
	}
	
	div[id='linyong']{
		/*position: absolute;*/
		left: 25%;
		/*top: 150px;*/
		width: 50%;
		/*height: auto;*/
		/*visibility: hidden;*/
		padding: 10px;
	}
}

/*mobile*/
@media only screen and (max-width: 768px) {
	.mobile-flex{
		display:flex;
	}
}

/*to override WebContent/css/style.css style*/
.form ul {
	height: auto;
	margin-top: 0px;
	margin-left: 0;
	list-style: none;
	background-color: #f0f0f0;
	text-align: right;
}

/*JOA_005.jsp*/
 /*mobile*/
@media only screen and (max-width: 768px) {
*[class$="-container"]>div[class$="-empty"]{
	display:none;
} 

	.eng-name-empty {grid-area: 1 / 1;}
.eng-name-surname-label {grid-area: 3 / 1;}
.eng-name-othername-label {grid-area: 5 / 1;}
.eng-name-label {grid-area: 2 / 1;}
.eng-name-surname-input {grid-area: 4 / 1;}
.eng-name-othername-input {grid-area: 6 / 1;}
.eng-name-grid-container {display: grid; grid-template-columns: 100%; grid-gap: 5px;}
	
	.hkce-en-result-2006-label {grid-area: 1 / 1;}
.hkce-en-result-2007-label {grid-area: 4 / 1;}
.hkce-en-result-2007-input {grid-area: 5 / 1;}
.hkce-en-result-2006-a {grid-area: 2 / 1;}
.hkce-en-result-2006-b {grid-area: 3 / 1;}
.hkce-en-result-2-grid-container {display: grid; grid-template-columns: 100%; grid-gap: 5px;}
	
.declaration-1-label {grid-area: 1 / 2;}
.declaration-1-input {grid-area: 1 / 1;}
.declaration-1-grid-container {display: grid; grid-template-columns: 5% auto; grid-gap: 5px;}

.declaration-2-label {grid-area: 1 / 2;}
.declaration-2-input {grid-area: 1 / 1;}
.declaration-2-grid-container {display: grid; grid-template-columns: 5% auto; grid-gap: 5px;}

.declaration-3-label {grid-area: 1 / 2;}
.declaration-3-input {grid-area: 1 / 1;}
.declaration-3-grid-container {display: grid; grid-template-columns: 5% auto; grid-gap: 5px;}

.declaration-4-label {grid-area: 1 / 2;}
.declaration-4-input {grid-area: 1 / 1;}
.declaration-4-grid-container {display: grid; grid-template-columns: 5% auto; grid-gap: 5px;}

.declaration-5-label {grid-area: 1 / 2;}
.declaration-5-input {grid-area: 1 / 1;}
.declaration-5-grid-container {display: grid; grid-template-columns: 5% auto; grid-gap: 5px;}
	
	.a6-total-full-time-label {grid-area: 1 / 1;}
.a6-total-full-time-year-label-1 {grid-area: 2 / 1;}
.a6-total-full-time-year-input-1 {grid-area: 3 / 1;}
.a6-total-full-time-months-label-1 {grid-area: 4 / 1;}
.a6-total-full-time-months-input-1 {grid-area: 5 / 1;}
.a6-total-full-time-label {grid-area: 1 / 1;}
.a6-total-full-time-year-label-2 {grid-area: 2 / 1;}
.a6-total-full-time-year-input-2 {grid-area: 3 / 1;}
.a6-total-full-time-months-label-2 {grid-area: 4 / 1;}
.a6-total-full-time-months-input-2 {grid-area: 5 / 1;}
.a6-total-full-time-grid-container {display: grid; grid-template-columns: 100%; grid-gap: 5px;}
	
	.a4-band-label {grid-area: 1 / 1 / span 1 / span 5;}
.a4-band-empty {grid-area: 1 / 2;}
.a4-band-input-overall {grid-area: 2 / 1;}
.a4-band-input-listening {grid-area: 2 / 2;}
.a4-band-input-reading {grid-area: 2 / 3;}
.a4-band-input-writing {grid-area: 3 / 1;}
.a4-band-input-speaking {grid-area: 3 / 2;}
.a4-band-input-day {grid-area: 4 / 1;}
.a4-band-input-month {grid-area: 4 / 2;}
.a4-band-input-year {grid-area: 4 / 3;}
.a4-band-grid-container {display: grid; grid-template-columns: auto auto auto; grid-gap: 5px;}

	.a4-band-confirm-label {grid-area: 1 / 1 / span 1 / span 5;}
.a4-band-confirm-empty {grid-area: 1 / 2;}
.a4-band-confirm-input-overall {grid-area: 2 / 1;}
.a4-band-confirm-input-listening {grid-area: 2 / 2;}
.a4-band-confirm-input-reading {grid-area: 2 / 3;}
.a4-band-confirm-input-writing {grid-area: 2 / 4;}
.a4-band-confirm-input-speaking {grid-area: 2 / 5;}
.a4-band-confirm-input-day {grid-area: 3 / 1;}
.a4-band-confirm-input-month {grid-area: 3 / 2;}
.a4-band-confirm-input-year {grid-area: 3 / 3;}
.a4-band-confirm-grid-container {display: grid; grid-template-columns: auto auto auto auto auto; grid-gap: 5px;}

	.a4-band-confirm-v2-label {grid-area: 1 / 1}
.a4-band-confirm-v2-input-all {grid-area: 2 / 1}
.a4-band-confirm-v2-input-date {grid-area: 3 / 1}
.a4-band-confirm-v2-grid-container {display: grid; grid-template-columns: auto; grid-gap: 5px;}

	
	.bday-input-day {grid-area: 1 / 1;}
.bday-input-month {grid-area: 1 / 2;}
.bday-input-year {grid-area: 1 / 3;}
.bday-input-fields-grid-container {display: grid; grid-template-columns: auto auto auto; grid-gap: 5px;}
	
	.ch-name-code-input-empty {grid-area: 3 / 1;}
.ch-name-code-input-1 {grid-area: 1 / 1;}
.ch-name-code-input-2 {grid-area: 1 / 2;}
.ch-name-code-input-3 {grid-area: 1 / 3;}
.ch-name-code-input-4 {grid-area: 2 / 1;}
.ch-name-code-input-5 {grid-area: 2 / 2;}
.ch-name-code-input-6 {grid-area: 2 / 3;}
.ch-name-code-input-fields-grid-container {display: grid; grid-template-columns: auto auto auto; grid-gap: 5px;}
	
}

/*desktop*/
@media print, (min-width: 769px) {
	.eng-name-empty {grid-area: 1 / 1;}
.eng-name-surname-label {grid-area: 1 / 2;}
.eng-name-othername-label {grid-area: 1 / 3;}
.eng-name-label {grid-area: 2 / 1;}
.eng-name-surname-input {grid-area: 2 / 2;}
.eng-name-othername-input {grid-area: 2 / 3;}
.eng-name-grid-container {display: grid; grid-template-columns: 21% 20.5% 20.5%; grid-gap: 5px;}
	
	.hkce-en-result-2006-label {grid-area: 1 / 1 / span 1 / span 2;}
.hkce-en-result-2007-label {grid-area: 1 / 3;}
.hkce-en-result-2007-input {grid-area: 1 / 4;}
.hkce-en-result-2006-a {grid-area: 2 / 1;}
.hkce-en-result-2006-b {grid-area: 2 / 2;}
.hkce-en-result-2-grid-container {display: grid; grid-template-columns: auto auto auto auto ; grid-gap: 5px;}
	
.declaration-1-label {grid-area: 1 / 1;}
.declaration-1-input {grid-area: 1 / 2;}
.declaration-1-grid-container {display: grid; grid-template-columns: 94.7% auto; grid-gap: 5px;}

.declaration-2-label {grid-area: 1 / 1;}
.declaration-2-input {grid-area: 1 / 2;}
.declaration-2-grid-container {display: grid; grid-template-columns: 94.7% auto; grid-gap: 5px;}

.declaration-3-label {grid-area: 1 / 1;}
.declaration-3-input {grid-area: 1 / 2;}
.declaration-3-grid-container {display: grid; grid-template-columns: 94.7% auto; grid-gap: 5px;}

.declaration-4-label {grid-area: 1 / 1;}
.declaration-4-input {grid-area: 1 / 2;}
.declaration-4-grid-container {display: grid; grid-template-columns: 94.7% auto; grid-gap: 5px;}

.declaration-5-label {grid-area: 1 / 1;}
.declaration-5-input {grid-area: 1 / 2;}
.declaration-5-grid-container {display: grid; grid-template-columns: 94.7% auto; grid-gap: 5px;}
	
	.a6-total-full-time-label {grid-area: 1 / 1;}
.a6-total-full-time-year-label-1 {grid-area: 1 / 2;}
.a6-total-full-time-year-input-1 {grid-area: 1 / 3;}
.a6-total-full-time-months-label-1 {grid-area: 1 / 4;}
.a6-total-full-time-months-input-1 {grid-area: 1 / 5;}
.a6-total-full-time-label {grid-area: 1 / 1;}
.a6-total-full-time-year-label-2 {grid-area: 1 / 2;}
.a6-total-full-time-year-input-2 {grid-area: 1 / 3;}
.a6-total-full-time-months-label-2 {grid-area: 1 / 4;}
.a6-total-full-time-months-input-2 {grid-area: 1 / 5;}
.a6-total-full-time-grid-container {display: grid; grid-template-columns: 16.2% 5% 15% 6% auto; grid-gap: 5px;}
	
	.a4-band-label {grid-area: 1 / 1;}
.a4-band-empty {grid-area: 1 / 2;}
.a4-band-input-overall {grid-area: 1 / 3;}
.a4-band-input-listening {grid-area: 1 / 4;}
.a4-band-input-reading {grid-area: 1 / 5;}
.a4-band-input-writing {grid-area: 1 / 6;}
.a4-band-input-speaking {grid-area: 1 / 7;}
.a4-band-input-day {grid-area: 1 / 8;}
.a4-band-input-month {grid-area: 1 / 9;}
.a4-band-input-year {grid-area: 1 / 10;}
.a4-band-grid-container {display: grid; grid-template-columns: 45% 2.7% 3.5% 3.5% 3.5% 3.5% 3.5% 7% 7%; grid-gap: 5px;}

.a4-band-confirm-label {grid-area: 1 / 1;}
.a4-band-confirm-empty {grid-area: 1 / 2;}
.a4-band-confirm-input-overall {grid-area: 1 / 3;}
.a4-band-confirm-input-listening {grid-area: 1 / 4;}
.a4-band-confirm-input-reading {grid-area: 1 / 5;}
.a4-band-confirm-input-writing {grid-area: 1 / 6;}
.a4-band-confirm-input-speaking {grid-area: 1 / 7;}
.a4-band-confirm-input-day {grid-area: 1 / 8;}
.a4-band-confirm-input-month {grid-area: 1 / 9;}
.a4-band-confirm-input-year {grid-area: 1 / 10;}
.a4-band-confirm-grid-container {display: grid; grid-template-columns: 45% 2.7% 3.5% 3.5% 3.5% 3.5% 3.5% 7% 7%; grid-gap: 5px;}

	.bday-input-day {grid-area: 1 / 1;}
.bday-input-month {grid-area: 1 / 2;}
.bday-input-year {grid-area: 1 / 3;}
.bday-input-fields-grid-container {display: grid; grid-template-columns: 15.1% 15.9% auto; grid-gap: 5px;}
	
	.ch-name-code-input-empty {grid-area: 1 / 1;}
.ch-name-code-input-1 {grid-area: 1 / 2;}
.ch-name-code-input-2 {grid-area: 1 / 3;}
.ch-name-code-input-3 {grid-area: 1 / 4;}
.ch-name-code-input-4 {grid-area: 1 / 5;}
.ch-name-code-input-5 {grid-area: 1 / 6;}
.ch-name-code-input-6 {grid-area: 1 / 7;}
.ch-name-code-input-fields-grid-container {display: grid; grid-template-columns: 0.8% 7% 7% 7% 7% 7% 7%; grid-gap: 5px;}
	
}


/*JVE_002_checklist.jsp*/
body table._table-list-joa {
    /*border-collapse: collapse;*/
    /*border: 0px solid #fff;*/
    width: 100%;
  }
  @media (min-width: 831px) {
    body table._table-list-joa {
      /*border-top: 1px solid #dcdcdc;
      border-left: 1px solid #dcdcdc;*/
    }
  }
  body table._table-list-joa table {
    width: 100%;
    /*background-color: transparent;*/
    margin-bottom: auto;
    table-layout: fixed;
  }
  @media (max-width: 830px) {
    body table._table-list-joa > tbody > tr,
    body table._table-list-joa > thead > tr {
      /*border-bottom: 1px solid #dcdcdc !important;*/
    }
  }
  body table._table-list-joa > tbody > tr > th,
  body table._table-list-joa > thead > tr > th {
    padding: 8px 10px;
    /*border: 1px solid #dcdcdc;*/
    /* text-align: left; */
  }
  @media (max-width: 830px) {
    body table._table-list-joa > tbody > tr > th._checkbox,
    body table._table-list-joa > thead > tr > th._checkbox {
      text-align: left;
      padding-left: 15px;
      font-size: 15px;
    }
    body table._table-list-joa > tbody > tr > th._checkbox input[type=checkbox],
    body table._table-list-joa > thead > tr > th._checkbox input[type=checkbox] {
      margin-top: 5px;
    }
    body table._table-list-joa > tbody > tr > th:not(._checkbox),
    body table._table-list-joa > thead > tr > th:not(._checkbox) {
      display: none;
    }
  }
  body table._table-list-joa > tbody > tr {
    /*border: 0px solid #ebebeb;*/
  }
  body table._table-list-joa > tbody > tr:nth-child(odd) > td {
    /* background-color: #f4f7fc; */
  }
  body table._table-list-joa > tbody > tr:nth-child(even) > td {
    /*background-color: #ffffff;*/
  }
  body table._table-list-joa > tbody > tr > td {
    padding: 8px 10px;
    width: auto;
    /*border-bottom: 1px solid #dcdcdc;*/
  }
  @media (min-width: 831px) {
    body table._table-list-joa > tbody > tr > td {
      /*border-right: 1px solid #dcdcdc;*/
    }
    body table._table-list-joa > tbody > tr > td > label._title {
      display: none;
    }
  }
  @media (max-width: 830px) {
    body table._table-list-joa > tbody > tr {
      display: flex;
      flex-direction: column;
    }
    body table._table-list-joa > tbody > tr > td {
      /* display: block; */
      /*border-bottom: 0px solid #f0f0f0;*/
    }
    body table._table-list-joa > tbody > tr > td a {
      /*color: blue;*/
    }
    body table._table-list-joa > tbody > tr > td a:hover {
      /*color: blue;*/
    }
    body table._table-list-joa > tbody > tr > td a:visited {
      /*color: blue;*/
    }
    body table._table-list-joa > tbody > tr > td._blue-text {
      /*color: blue;*/
      font-size: 12pt;
      font-weight: bold;
    }
    body table._table-list-joa > tbody > tr > td > label._title {
      margin-right: 5px;
      font-weight: bold;
    }
  }
  @media (max-width: 830px) {
    body table._table-list-joa > tbody #search_thead_tr {
      display: none;
    }
  }
  body table._table-list-joa ._confirm-col {
    /*background-color: transparent;*/
  }
  @media (max-width: 830px) {
    body table._table-list-joa ._confirm-col table {
      /*background-color: #ccc;*/
      margin-bottom: 50px;
    }
  }
  @media (min-width: 831px) {
    body table._table-list-joa ._confirm-col {
      width: 20%;
    }
  }
  body table._table-list-joa._type-A > tbody > tr > td:nth-child(1) {
    font-weight: bold;
  }
  @media (min-width: 831px) {
    body table._table-list-joa._type-A > tbody > tr > td:nth-child(1) {
      width: 20%;
    }
  }
  @media (max-width: 830px) {
    body table._table-list-joa._type-A > tbody > tr > td:nth-child(1) {
      font-size: 1rem;
      line-height: normal;
      padding-top: 20px;
      padding-bottom: 0px;
    }
  }
  body table._table-list-joa._type-B > tbody > tr {
    /*background-color: #f5f5f5;*/
  }
  body table._table-list-joa._type-B > tbody > tr > td:nth-child(1) {
    font-weight: bold;
  }
  @media (min-width: 831px) {
    body table._table-list-joa._type-B > tbody > tr > td:nth-child(1) {
      width: 20%;
    }
  }
  @media (max-width: 830px) {
    body table._table-list-joa._type-B > tbody > tr > td {
      text-align: left;
      padding-left: 15px;
      padding-right: 15px;
    }
    body table._table-list-joa._type-B > tbody > tr > td:nth-child(1) {
      padding-top: 15px;
      padding-bottom: 15px;
      font-size: 1rem;
      line-height: normal;
    }
  }
  body table._table-list-joa._has-checkbox > tbody > tr > td:nth-child(1),
  body table._table-list-joa._has-checkbox > tbody > tr > th:nth-child(1) {
    font-weight: normal;
  }
  body table._table-list-joa._has-checkbox > tbody > tr > td:nth-child(2),
  body table._table-list-joa._has-checkbox > tbody > tr > th:nth-child(2) {
    font-weight: bold;
  }
  @media (min-width: 831px) {
    body table._table-list-joa._has-checkbox > tbody > tr > td:nth-child(2),
    body table._table-list-joa._has-checkbox > tbody > tr > th:nth-child(2) {
      width: 20%;
    }
  }
  @media (max-width: 830px) {
    body table._table-list-joa._has-checkbox > tbody > tr > td:nth-child(1),
    body table._table-list-joa._has-checkbox > tbody > tr > th:nth-child(1) {
      font-weight: normal;
      padding-top: 15px;
      padding-bottom: 15px;
    }
    body table._table-list-joa._has-checkbox > tbody > tr > td:nth-child(1) input[type=checkbox],
    body table._table-list-joa._has-checkbox > tbody > tr > th:nth-child(1) input[type=checkbox] {
      transform-origin: center center;
      transform: scale(1.5);
    }
    body table._table-list-joa._has-checkbox > tbody > tr > td:nth-child(2),
    body table._table-list-joa._has-checkbox > tbody > tr > th:nth-child(2) {
      font-size: 1rem;
      line-height: normal;
    }
  }
  @media (min-width: 831px) {
    body table._table-list-joa._bdr-A {
      /*border-top: 1px solid #999;
      border-left: 1px solid #999;*/
    }
  }
  @media (min-width: 831px) {
    body table._table-list-joa._bdr-A > thead > tr > th,
    body table._table-list-joa._bdr-A > thead > tr > td,
    body table._table-list-joa._bdr-A > tbody > tr > th,
    body table._table-list-joa._bdr-A > tbody > tr > td {
      /*border-right: 1px solid #999;
      border-bottom: 1px solid #999;*/
    }
  }
  body table._table-list-joa._is-form {
    /*background-color: #f0f0f0;*/
  }
  @media (min-width: 831px) {
    body table._table-list-joa._is-form {
      /*border-top: 1px solid #eee;
      border-left: 1px solid #eee;*/
    }
  }
  body table._table-list-joa._is-form > thead > tr:nth-child(odd) > td,
  body table._table-list-joa._is-form > tbody > tr:nth-child(odd) > td {
    /*background-color: transparent;*/
  }
  body table._table-list-joa._is-form > thead > tr:nth-child(even) > td,
  body table._table-list-joa._is-form > tbody > tr:nth-child(even) > td {
    /*background-color: transparent;*/
  }
  body table._table-list-joa._is-form > thead > tr > th,
  body table._table-list-joa._is-form > thead > tr > td,
  body table._table-list-joa._is-form > tbody > tr > th,
  body table._table-list-joa._is-form > tbody > tr > td {
    /*border-right: 0px solid #eee;
    border-bottom: 0px solid #eee;*/
  }
  body table._table-list-joa._is-form img[alt=Calendar] {
    vertical-align: middle;
  }
  body table._table-list-joa._is-form input[type=radio] {
    margin: 0px 4px 0px 10px;
    vertical-align: middle;
  }
  body table._table-list-joa._is-form input[type=radio] + label {
    vertical-align: middle;
  }
  @media (max-width: 830px) {
    body table._table-list-joa._is-form select {
      width: 100%;
    }
    body table._table-list-joa._is-form input[type=text] {
      vertical-align: middle;
    }
    body table._table-list-joa._is-form input[type=text]:not(:-moz-read-only) {
      width: 100%;
    }
    body table._table-list-joa._is-form input[type=text]:not(:read-only) {
      width: 100%;
    }
  }
 body table._table-list-joa._is-form .to {
  display: flex;
}